vue 计算属性

1      <p>{{fullName}}</p>
2 
3
4
5
6
7// ...
8computed: {
9  fullName: {
10    // getter
11    get: function () {
12      return this.firstName + ' ' + this.lastName
13    },
14    // setter
15    set: function (newValue) {
16      var names = newValue.split(' ')
17      this.firstName = names[0]
18      this.lastName = names[names.length - 1]
19    }
20  }
21}
22// ...

计算属性是方便页面元素进行计算赋值的，虽然双大括号支持完全的js表达式，但只是支持一条，同时表达式很长的话，就不大便于阅读，所以通过computed节点可以把计算统计放在vue对象中，不使用计算属性，直接使用method节点，但是和计算属性相比，method每次调用都重新计算一遍，计算属性只要计算一次，就可以把数据缓存起来