Vue教程学习二:

Vue教程基础中计算属性:

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

 

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

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

 

2.计算属性的set():

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

Vue教程学习二:

 

Vue教程基础中侦听器:

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

 

1 . Handler 方法和 immediate 属性

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

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

 

2 . deep 属性

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

 Vue教程学习二:

 

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