[JS][Vue]学习记录之computed属性

Demo地址

从methods里面调用

当我们通过methods中的方法进行计算时,vue会调用methods中包含的所有方法
在最底部完整代码中,如果我要计算age + a的值,那么会调用addA,addB这两个方法.

从computed属性里面调用

就只会执行对应的方法,如果我要计算age + a的值,那么会调用addA这两个方法.在某些情况下性能更高.

注意点
  • methods调用方法:{{addA()}}
  • computed调用方法:{{addA}}(少个括号)

完整代码:




    
    Third Day
    


computed属性


{{a}},{{b}}

age + a = {{addA}}

age + b = {{addB}}

你可能感兴趣的:([JS][Vue]学习记录之computed属性)