计算属性定义：当其依赖的属性的值发生变化时，这个属性的值会自动更新；同时，与其相关的DOM也会同步更新。

运用范围：模板内的表达式一般都是比较简单的，这是vue设计模板的初衷；如果在模板中放入过多复杂的逻辑，会让模板过重切难以维护。此时，需要使用。(处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值)

简单的Demo，实现setter和getter的使用，如下：

JS部分如下：

export default{  data () {    return {      firstName: '',      secondName: ''    }  },  components: {},  computed: {    fullName: {      get: function () {        return this.firstName + ' ' + this.secondName      },      set: function (newVal) {        let names = newVal.split(' ')        this.firstName = names[0]        this.secondName = names[1]      }    }  }}

实现的效果：firstName 、secondName 发生变化，fullName会自动更新；反过来，fullName的改变，firstName 和 secondName也会自动更新。