六、vue3.0之数据监听(watch、computed)

        我们在做vue项目中,会存在这么两种情况,就是一个数据去影响多个数据,另一种就是一个数据受多个数据的影响,那么面临这样的情况,我们应该怎么去处理呢?

六、vue3.0之数据监听(watch、computed)_第1张图片

六、vue3.0之数据监听(watch、computed)_第2张图片

看以上问题,那么vue给我们推出了两个属性来处理上述问题,那么接下来我们来看看这两个属性(watch、computed)

computed:

        1、计算属性,和onMounted一样,初始化就会执行一次(computed先执行),并且只有在依赖改变的时候触发,可以提升性能。

        2、computed参数分为两种,第一种是回调函数的写法,第二种则是options对象的写法

        3、计算属性的依赖是指vue里面双向绑定的变量

        4、支持缓存,只有依赖的数据发生改变才真的重新计算

        5、只能在同步场景中使用

        6、支持 get set存储器方法

        7、场景:一个数据受多个数据的影响

        8、必须调用return


// html代码

你可能感兴趣的:(vue3.0的开发和学习,vue.js,前端,javascript)