有关计算属性

计算属性
计算属性就是当其依赖属性的值发生变化时，这个属性就会自动更新，
与之相关的DOm部分也会同步更新。```
计算属性缓存
如果在计算属性方法中执行大量的耗时操作，则会带来性能问题。
例如 在计算属性getter中循环一个数组操作，频繁调用计算属性，会导致大量不必要的计算。
<div id ="example">
 	<input type ="text" v-module ="didi" />
 	<input type ="" v-module ="family" />
 	 <br/>
 	 didi ={{didi}}  fanily ={{family}} didFamily ={{didFamily}}
</div>
var vm =new Vue ({
  el:"#example",
  data:{
  didi:"didi",
  family:'family'
},
computed:{
一个计算属性的getter
    didFamily:function (){
    return this.didi + this.family
    } 
     }
     
    })
    当vm.didi和 vm.family 的值发生变化时，vm.didiFamily的值会自动更新，
    并且会自动同步更新Dom.