<body>
<div id="app">
<button @click="setM">我想说</button>
<input type="text" v-model="message">
<h2>
{{ message }}
</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<script>
// v-model 需要和表单元素一起使用 作用是便捷设置和获取表单元素的值
// 在data中要 定义一个绑定的数据 在吧这个指令设置给表单元素
// 绑定的数据 改变了 表单元素值也跟着改变
var app = new Vue({
el: "#app",
data: {
message: "想吃羊肉串",
},
methods: {
setM: function() {
this.message = "我也想吃 走 我带你去";
}
}
})
</script>
</body>