Vue之computed(计算属性)详解get()、set()

Vue的计算属性:

1.在computed属性对象中定义计算属性的方法,在页面中使用{{方法名}}来显示计算的结果。

2.通过getter\setter实现对属性数据的显示和监视,计算属性存在缓存,多次读取只执行一次getter计算。

姓:
名:
姓名1(单向):
姓名2(双向):

 

改变姓和名时,对应的姓名1和姓名2会发生改变。

Vue之computed(计算属性)详解get()、set()_第1张图片

改变姓名1时,姓和名、姓名2都不会改变。

Vue之computed(计算属性)详解get()、set()_第2张图片

改变姓名2时,对应的姓和名,以及姓名1也会改变。

 

 

你可能感兴趣的:(Vue,前端)