点击按钮的不同操作:
<div id="app"> <input type="button" value="单击后增加" @click="m +=1" > <input type="button" value="绑定函数的按钮" @click="add" > <input type="button" value="绑定可传值函数的按钮" @click="add2(3,4)" > <div>这个按钮被点击了 {{ m }} 。</div> </div>
尝试一下 »
金缕衣
唐代:佚名
劝君莫惜金缕衣,劝君惜取少年时。(惜取 一作:须取)
花开堪折直须折,莫待无花空折枝。(花开 一作:有花)
computed 对象内的方法如果在初始化时绑定到元素上的事件会先执行一次这个方法 ,而 methods 内的方法则不会;例如以下实例初始化时会自动执行一遍 name1 和 greet 这两个方法:
var app = new Vue({ el: '#app', data: { name: 'Vue.js' }, // 在 `methods` 对象中定义方法 computed: { name1: function(){ alert('222') }, greet: function (event) { // `this` 在方法里指当前 Vue 实例 alert('Hello ' + this.name + '!') // `event` 是原生 DOM 事件 if (event) { alert(event.target.tagName) } } } }) // 也可以用 JavaScript 直接调用方法
Mustache (双大括号写法)不能在 HTML 属性中使用,应使用 v-bind 指令:
<div v-bind:id="dynamicId"></div>
这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会被移除:
<button v-bind:disabled="someDynamicCondition">Button</button>
云想衣裳花想容,春风拂槛露华浓。
感谢您的支持,我会继续努力的!
支付宝扫一扫,即可进行扫码打赏哦
75Vue.js 事件处理器
点击按钮的不同操作:
尝试一下 »
74Vue.js 事件处理器
金缕衣
唐代:佚名
劝君莫惜金缕衣,劝君惜取少年时。(惜取 一作:须取)
花开堪折直须折,莫待无花空折枝。(花开 一作:有花)
73Vue.js 事件处理器
computed 对象内的方法如果在初始化时绑定到元素上的事件会先执行一次这个方法 ,而 methods 内的方法则不会;例如以下实例初始化时会自动执行一遍 name1 和 greet 这两个方法:
72Vue.js 样式绑定
Mustache (双大括号写法)不能在 HTML 属性中使用,应使用 v-bind 指令:
这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会被移除:
69Vue.js 循环语句
云想衣裳花想容,春风拂槛露华浓。