vue之计算属性

计算属性：

1、做用：替代内联表达式对简单布尔值和字符串的操作功能，进行更为复杂的逻辑操作;

　　　　  替代watch监听未观察的值得变化，

2、优点：声明式的描述一个值依赖于其他值，当依赖的其他值发生变化时，该值随之改变并更新视图。

使用方法如下：

var vm=new Vue({
el:'#app',
 data:{
          a:1,
          b:2  
       },
 computed:{
          add:function(){
                   return this.a+this.b
                }
         }

 methods:{ //此方法同上

           add:function(){
                   return this.a+this.b
                }

         }

}) 

如上代码，methods也可替代computed，效果是一样的，不同的是computed基于他的依赖缓存，只有相关依赖发生变化的时候才会重新取值，而methods，在重新渲染的时候，才会执行，以此说明，使用computed性能更好。

最后：computed拥有一个默认属性getter，需要的话还可以定义一个setter这两个有什么用呢？

getter：顾名思义就是获取值得方法，   setter：就是设置值的方法，