vue中计算属性中的set和get

 1 
 2 
 3     
"app"> 4

初始值:{{name}}

5

翻转值:{{reverseStr()}}

6

计算属性翻转值:{{reverse}}

7 "setSeverseStr()">点击调用set方法 8
9 10 11 47

vue中计算属性中的set和get_第1张图片

 

 点击之后:

vue中计算属性中的set和get_第2张图片

 

 

computed vs methods

我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。

而使用 methods ,在重新渲染的时候,函数总会重新调用执行。

 

你可能感兴趣的:(vue中计算属性中的set和get)