<div> <p><input type="text" v-model="message"></p> <p> <!--click事件直接绑定一个方法--> <button v-on:click="greet">Greet</button> </p> <p> <!--click事件使用内联语句--> <button v-on:click="say('Hi')">Hi</button> </p> </div> <script src="https://www.jb51.net/js/vue.js"></script> <script> var vm = new Vue({ el: '#app', data: { message: 'Hello, Vue.js!' }, // 在 `methods` 对象中定义方法 methods: { greet: function() { // // 方法内 `this` 指向 vm alert(this.message) }, say: function(msg) { alert(msg) } } }) </script>
2.7 v-model指令
v-model在表单控件元素上创建双向数据绑定
<input v-model="message" placeholder="edit me"> <p>Message is: {{ message }}</p>
总结
以上所述是小编给大家介绍的vue.js语法及常用指令，希望对大家有所帮助!
您可能感兴趣的文章: