计算属性
<div id="app"> <!-- 普通写法--更新一次会进行一次计算 --> <h1>{{firstname+lastname}}</h1> <!-- 计算属性---会将计算结果进行缓存 --> <h1>{{fullname}}</h1> </div> <script type="text/javascript"> var app=new Vue({ el:"#app", data:{ firstname:"张", lastname:"三" }, computed:{ fullname:function(){ // 会将计算内容进行缓存,只要firstname // 和lastname变量的内容不变,就不会重新计算 return this.firstname+this.lastname } } }) </script>