computed
计算属性,是用来声明式的描述一个值依赖了其它的值,当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大,它可以让你的代码更加声明式、数据驱动并且易于维护。
计算属性的值会被缓存,只有在其某个反应依赖改变才会重新计算。
data:{
msg:"old"
},
computed:{ //使用msgNew绑定到html
msgNew:function(){
return this.msg+Date.now(); //其中msg是msgNew的依赖,当msg改变,msgNew才会改变,只要msg没有改变,调用msgNew就会是之前缓存好的值
}
},
html
<div>{{msgNew}}</div>