<p>{{fullName}}</p>
 




// ...
computed: {
  fullName: {
    // getter
    get: function () {
      return this.firstName + ' ' + this.lastName
    },
    // setter
    set: function (newValue) {
      var names = newValue.split(' ')
      this.firstName = names[0]
      this.lastName = names[names.length - 1]
    }
  }
}
// ...

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