标签:绑定 事件 col 方法 fun alert hello app type
1. 直接使用指令`v-bind`
2. 使用简化指令`:`
3. 在绑定的时候,拼接绑定内容:`:title="btnTitle + ‘, 这是追加的内容‘"`
4.v-bind 中,可以写合法的JS表达式
<input type="button" value="按钮" v-bind:title="mytitle + ‘123‘"> <script src="./lib/vue-2.4.0.js"></script> <script> var vm = new Vue({ el: ‘#app‘, data: { msg: ‘123‘, msg2: ‘<h1>哈哈,我是一个大大的H1, 我大,我骄傲</h1>‘, mytitle: ‘这是一个自己定义的title‘ }, methods: { // 这个 methods属性中定义了当前Vue实例所有可用的方法 show: function () { alert(‘Hello‘) } } })
<input type="button" value="按钮" @click="show"> <script src="./lib/vue-2.4.0.js"></script> <script> var vm = new Vue({ el: ‘#app‘, data: { msg: ‘123‘, msg2: ‘<h1>哈哈,我是一个大大的H1, 我大,我骄傲</h1>‘, mytitle: ‘这是一个自己定义的title‘ }, methods: { // 这个 methods属性中定义了当前Vue实例所有可用的方法 show: function () { alert(‘Hello‘) } } })
标签:绑定 事件 col 方法 fun alert hello app type
原文地址:https://www.cnblogs.com/xiaowie/p/11572050.html