master

分支 (1)

管理

管理

master

front-end-development-learning
/
20 vue.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
<div id="app">
    <button v-on:click="show()">这是一个按钮</button>
    <div>这里显示数据:{{msg}}</div>
    <div>输入数据：<input type="text" v-model="t"></div>
</div>
</body>
<script>
    let vm = new Vue({
        el:'#app',
        data:{
            msg:"hello world",
            t:'nihao'
        },
        methods:{
            show(){
                alert(this.t)
            }
        }
    })
</script>
</html>