码迷,mamicode.com
首页 > 其他好文 > 详细

vue的computed计算属性:

时间:2017-09-12 18:33:59      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:点击   nbsp   页面   turn   blog   方法   bsp   logs   set   

示例一:

技术分享

注意此处计算属性里面的b指的是属性,不是方法,其默认调用的是计算属性里的get方法,且其值取决于get方法里面return出的返回值。

此处的方法就是如下示例二里面默认的get方法,当页面点击之前,a的值为1,b的值为this.a+1,即1+1为2;当点击页面之后,vm.a=101,即a的值为101,此时b的值再次由其默认调用的get方法返回,即this.a+1,为102 。

示例二:

技术分享

当页面点击之前,a的值为1,b的值由get方法内返回,即this.a+2为3;当页面点击之后,b的值为vm.b=10值,此时调用set方法且把10通过参数val的形式赋给a(this.a=val),因此a的值为10,然后b再次调用get方法,得到返回值this.a+2即10+2,为12 。

 

vue的computed计算属性:

标签:点击   nbsp   页面   turn   blog   方法   bsp   logs   set   

原文地址:http://www.cnblogs.com/IvyXia/p/7511383.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!