0


computed计算属性

今天主要介绍我所理解的computed计算属性

**1.**computed计算属性依赖于他的属性变化而变化 也就是依赖于data中的属性 只要依赖的data发生变化 就会触发调用一次计算属性


**2.**computed计算属性拥有缓存性 值可以直接从缓存中获取 而不是重新编译执行一次 所以说computed计算属性性能高一些 尤其是data中依赖的属性没有发生改变时 而重复触发computed计算属性也是如此

computed的缓存性

计算属性 执行会把结果(return 的值)放在缓存中

依赖项不变 多次调用都是从缓存中取值

依赖项改变,函数会自动重新执行 并缓存新的值


3.computed计算属性的使用方法也有不同 一种普通写法 还有一种完整写法

computed普通写法

computed的普通写法要写return返回值

computed:{
   方法名(){
     return 放回值
   }
}

computed完整写法

computed计算属性完整写法 set中接收传递的参数 get中是返回的值get内部要写return进行返回

computed:{
    方法名:{
      get(){
        return 返回值
       },
      set(val){
      //val为接收到的参数
        }
  }
}
标签: 前端 javascript css

本文转载自: https://blog.csdn.net/weixin_67378840/article/details/127988795
版权归原作者 明阳不明白 所有, 如有侵权,请联系我们删除。

“computed计算属性”的评论:

还没有评论