Vue如何运用计算属性


使用场景:

​ 当变量的值,需要通过别的变量计算得到

特点:

​ 函数内部使用变量改变,计算结果重新返回

​ 具有缓存的特性: 多次调用的时候,计算属性只执行一次,直到依赖的变量发生变化.才会再次执行重新缓存值

​ 而函数调用多少次即执行多少次

误区:

​ 计算属性名 和data 里名字不得重复

计算属性依赖其他数据计算的结果

与data.methods平级

computed:{
    "计算属性名" (){
        return "值"
    }
}
computed:{
    "计算属性名" (){
    set(值){
        
    },
    get(){
        return "值"
    }
}

计算属性被重新赋值时,会执行 set 函数,并且接受 传入最新的值


Author: xt_xiong
转载要求: 如有转载请注明出处 :根据 CC BY 4.0 告知来自 xt_xiong !
评论
  标题