vue双向数据绑定-原理
记得先引入vue.js文件
<div id="app">
<h1>{{ msg }} </h1>
<ul>
<li v-for="v in arr"> {{v}} </li>
</ul>
<input type="text" v-model="msg">
<p>{{msg}} </p>
<input type="button" value="提交" @click="add">
</div>
<script>
new Vue({
el: "#app",
// model 数据模型
data: {
msg: "hello world",
arr: ["aa", "bb", "cc"]
},
methods: {
add() {
alert(this.msg)
}
},
})
</script>