背景
在vue中,实现同一个功能需求,可以使用普通方法,也可以使用computed属性以及watch属性,对于它们的使用,刚开始时,存在着一些困惑
至于什么时候使用方法,什么时候使用计算computed...,它需要遍历一个很大的数组,并做大量的计算,而这个计算属性又有其他依赖,如果没有缓存,不用计算属性,那么就会不断的执行收集属性的getter,如果不希望有缓存,就用方法来替代
04
方法3-使用计算属性...computed实现
在vue实例配置选项中,添加computed属性,值是一个对象,并且添加与之相对应的计算属性
计算属性得到的值是之前缓存的计算结果,不会多次执行
实例代码如下所示
<!...)
对于复杂逻辑,可以使用计算属性(计算属性的 getter 函数是没有副作用, 但也可以使用方法,但是计算属性在计算数量量比较大,具有缓存计算结果的作用,性能更高,频繁调用方法,解析模板,渲染页面,是比较消耗性能的...通过vm对象的$watch()或watch配置来监视指定的属性
当属性变化时,回调函数自动调用,在函数内部进行计算
具体实例代码
<!