## 计算属性 计算属性是内置缓存的.当计算属性依赖的变量没有发生任何改变的时候,这个计算属性是不会重新计算的,这样会提高性能.当计算属性依赖的变量发生了改变,会重新计算一次. ``` <div id="app"> {{ fullName }} </div> <script> var vm = new Vue({ el: '#app', data: { firstName: 'li', lastName: 'zhenjie', }, //计算属性 computed: { fullName: function () { return this.firstName + ' ' + this.lastName; } }, }) </script> ```