<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>