2022-08-23 vue2.0中Computed属性触发时机

在实际项目开发中,computed计算属性使用场景及其丰富。下面是个人的一些使用心得

1.当一个对象为计算属性时,不需要在data中定义。

2.当一个对象为计算属性时。在其方法中,使用的变量发生改变了,就会触发这个计算函数







在看下面代码







这样,点击按钮,就是一直触发computed属性。因为computed中testCom所依赖的testFunc方法中,age改变了。。虽然都是数组,但是引用数据类型。每次赋值都会视为新对象。可以自行使用

console.log('比较',[10]===[10])

进行输出查看。

总结来说:

当一个计算属性中,依赖于在data中定义的对象。当这个对象发生改变时,computed便会触发。当然,只是用data中定义的对象做了个console也同样适用。(个人理解,欢迎讨论)

你可能感兴趣的:(2022-08-23 vue2.0中Computed属性触发时机)