「Vue.js开发连载十四」观察者

原创 小伙子  2018-12-20 21:47:53  阅读 33 次 评论 0 条

上一篇文章讲解“计算属性”,本篇文章讲解“观察者”。


监听指定字段,当字段值发生变化时触发的函数。

1. 监听字段

「Vue.js开发连载十四」观察者


【例】监听message变量,当其变化时,在控制台输出message的新旧值。

「Vue.js开发连载十四」观察者


浏览器访问:

「Vue.js开发连载十四」观察者



2. 监听对象

deep:当我们观察的字段对应的值是一个对象时候,如果我们只是改变对象的某这字段的值,就需要制定deep: true。


【例】监听对象中的数值变化。

「Vue.js开发连载十四」观察者


浏览器访问:

「Vue.js开发连载十四」观察者


注意

1. 默认watch只有在观察的数值发生变化的时候才触发回调,如果想要初始化时执行,那么指定immediate: true,这样就和计算属性一样,在初始化阶段就触发。


本文地址:http://linuxphp.cn/54.html
版权声明:本文为原创文章,版权归 小伙子 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?