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

10.计算属性

时间:2019-06-25 13:21:26      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:des   reverse   需要   不同的   info   字符串   两种   inf   sage   

先看个例子:

  技术图片

    上面例子中,computed { 定义一个函数 alexDesc   }

      当点击按钮将字符串切换,

    那么 ,这个方法完全可以通一个函数来定义的,为什么弄出来个computed呢?

      不经过计算属性,我们可以在 method 中定义一个相同的函数来替代它。

      对于最终的结果,两种方式确实是相同的。然而,不同的是计算属性是基于它的依赖缓存。

      计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 message 没有发生改变,

      多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。

 

计算属性  setter

  计算属性默认只有 getter ,不过在需要时你也可以提供一个 setter :

   技术图片

  set  设置alexDesc 的值

  初始值还是get的值

    技术图片

  当点击修改,将set的值做了修改

    技术图片

  

    

10.计算属性

标签:des   reverse   需要   不同的   info   字符串   两种   inf   sage   

原文地址:https://www.cnblogs.com/sunny666/p/11082176.html

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