vue_计算属性

vue 计算属性(原有属性经过计算得到)

computed

计算属性有缓存机制

第一次获取属性值会调用getter 方法，属性值会被缓存，下次获取属性值时不会调用getter方法，当该计算属性所关联的数据发生改变，再获取属性值 会调用getter 方法，缓存新的值。

    
    



    
计算属性_反转字符串
    
    
反转字符串:{{reverse}}

修改文本框中的内容，下面的内容也会随之变化

修改文本框的内容，因为 v-model="msg" 指令 使data中的 msg 的值发生改变，

计算属性  reverse 关联 msg,当msg的值发生改变，调用reverse 的get方法重新获取属性值

 

 

简写形式（没有set方法,只有get方法）

    
    



    
计算属性_反转字符串
    
    
反转字符串:{{reverse}}