vue学习指南:第五篇(详细) - vue的 computed、methods、watch 的区别?

Computed 计算属性

       1. 将函数代码块中返回的结果 赋值 给前面的方法名

       2. computed 中的属性有缓存功能,只要data中的数据不发生改变,计算得到的新属       性就会被缓存下来,下次使用的时候不需要重新计算了。

Methods

       1. 需要手动调用,函数代码块中返回的结果 就是 得到的结果。

       2. 不具备缓存功能,第二次使用的时候还待重新调用

vue学习指南:第五篇(详细) - vue的 computed、methods、watch 的区别?_第1张图片

 

 

 

控制台会输出2个 methods,一个computed

Watch 监听属性

       1. watch 中的函数名必须和 data 中的数据名保持一致,当data中的数据发生变化时,       watch中与data中同名的方法就会被调用。可以写当触发data里的数据然后去执行       watch里面的js逻辑。

       2. watch 里面可以写 js 逻辑。Computed不需要写太多逻辑(仅仅是计算的)

	
        

{{aa}}

  vue学习指南:第五篇(详细) - vue的 computed、methods、watch 的区别?_第2张图片

作者:晋飞翔

手机号(微信同步):17812718961

希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!

 

你可能感兴趣的:(vue学习指南:第五篇(详细) - vue的 computed、methods、watch 的区别?)