Vue教程学习二：

Vue教程基础中计算属性：

关于计算属性是用于解决在view(UI)层使用繁杂的计算或者拼接的方法，将需要的值通过计算属性返回值来展示

 

1.计算属性的返回值放入了缓存：

在computed 中定义一个计算属性，计算属性的的返回值放将到缓存中（computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值），比如在computed中有个gettiem() 函数，它的返回值是return  Date.now()，这个时候调取这个返回值，多次调取的返回值都是相同的时间（计算属性中的变量没有发生变化，计算属性会立即返回上次的值，不会再次执行函数）。如果在方法 methods（在重新渲染的时候，函数总会重新调用执行） 中写获取时间的方法，多次调取这个方法，返回的值是当前时间的值，并不是第一次的值。

 

2.计算属性的set()：

计算属性默认的提供的getter，可以在计算属性中添加一个setter：

 

Vue教程基础中侦听器：

侦听器的作用是在当数据变化时执行异步或开销较大的操作时，通过watch 来响应数据变化（watch 用于观察vue实例中数据的变化）。

 

1 . Handler 方法和 immediate 属性

Handler (处理器) ，watch 就是一个handler ，vue 会处理这个逻辑

Immediate （立即的），当immediate的值为 true 时，表示会立即执行里面的handler 方法，如果为false 表示不会在一绑定的时候就执行。

 

2 . deep 属性

Watch 中有个deep 属性，默认为 false ，代表是否深度监听。deep 的意思是深入观察，监听器会一层层的往下遍历，给对象的属性都加上这个监听器，但是这样的性能的开销就会非常大，任何修改对象里的一个属性都会触发这个监听器里的handler 。

 

 

此博客仅为自己学习记录所用，如有不对之处，请大佬们指出批评，感谢！

 

转载于:https://www.cnblogs.com/ruiannan/p/10167576.html