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

Computed 计算属性

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

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

Methods

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

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

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

Watch 监听属性

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

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

	<input type="text" v-model="aa">
        <h1>{{aa}}</h1>

　　

作者：晋飞翔

手机号(微信同步)：17812718961

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