vue计算属性无法监听到数组内部变化

vue的计算属性

计算属性可以帮助我们简化代码，做到实时更新，不用再自己添加function去修改data。

首先看一下计算属性的基本写法(摘自官网)

var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar'
  },
  computed: {
    fullName: function () {
   
      return this.firstName + ' ' + this.lastName
    }
  }
})

这样我们在模版里这样引入computed属性就可以了，他的效果个data一样