my-blog
my-blog copied to clipboard
shenghy
[Vssue]vue2-4
app.$on('reduce', function () { console.log("我被减了"); this.message--; }); app.$once('reduceOnce', function () { console.log('只执行一次的方法'); this.message--; }); //如果按钮在作用域外部，可以利用$emit来执行。 function reduce() { app.$emit('reduce'); } function reduceOnce() { app.$emit('reduce'); //app.$emit('reduceOnce'); } 实例事件中，这样子始终可以执行减，$once是什么原理呢
@blackHuLi
app.$on('reduce', function () { console.log("我被减了"); this.message--; }); app.$once('reduceOnce', function () { console.log('只执行一次的方法'); this.message--; }); //如果按钮在作用域外部，可以利用$emit来执行。 function reduce() { app.$emit('reduce'); } function reduceOnce() { app.$emit('reduce'); //app.$emit('reduceOnce'); } 实例事件中，这样子始终可以执行减，$once是什么原理呢
你应该是粗心的把最后一个$emit调用注释错了。reduceOnce方法，外部调用应该是app.$emit('reduceOnce');
@zxiao0216
@blackHuLi
app.$on('reduce', function () { console.log("我被减了"); this.message--; }); app.$once('reduceOnce', function () { console.log('只执行一次的方法'); this.message--; }); //如果按钮在作用域外部，可以利用$emit来执行。 function reduce() { app.$emit('reduce'); } function reduceOnce() { app.$emit('reduce'); //app.$emit('reduceOnce'); } 实例事件中，这样子始终可以执行减，$once是什么原理呢
你应该是粗心的把最后一个$emit调用注释错了。reduceOnce方法，外部调用应该是app.$emit('reduceOnce');
不是的咯，这个是故意去注释掉的，大概清楚了，app.$once('reduceOnce', function () 相当于挂载一个方法，通过外部调用，$emit()来做外部调用
{{num}}
app.$on('reduce',function () { this.num--; }); function reduce() { app.$emit('reduce'); } 作者教程使用的vue是2.1.3，此时我上面的写法是正确的。而在vue2.6.10出现reduce未声明的提示.
function tick(){ vm.message="update message info "; vm.$nextTick(function(){ console.log('message更新完后我被调用了'); }) }
这个我并没有去更新message的值，控制台也会打印
