Vue.js中watch、computed、和methods三者区别~

/ 0评 / 0

最近再次复习了vue.js,一直混淆watch、computed、和methods三者。就谢谢笔记吧~

1.computed:

属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要当作属性来使用。

例:

 

2.methods:

是一个方法,表示一个具体的操作,主要书写业务逻辑。

例:

数据量大,需要缓存的时候用computed;每次确实需要重新加载,不需要缓存时用methods

3.watch(侦听属性):

是一个对象,键是需要观察的表达式,值是对应回调函数,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作;可以看做是computed和methods 的结合体。

例:

 

-->http://www.imooc.com/article/49239?block_id=tuijian_wz 不错的总结吧~

发表评论

电子邮件地址不会被公开。 必填项已用*标注