语法
<body>
<div id="app">
<button @click="dete()">点击</button>
<p>{{message}}</p>
<p>{{text}}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: "hello world!",
text: ''
},
methods: {
dete: function() {
this.text = "欢迎来到vue教程";
}
}
})
</script>
</body>
- 创建vue时用new Vue({})创建。
- el:简称挂载,意味着以后的操作将会在这个div里面操作,外部不会受影响。
- data :定义一个或者多个属性,在div中输入{{}}即可插入内容。
- methods: 定义一个或者多个函数,可以进行赋值和return返回等。
- 最终在插值时使用{{}}进行插入。