动态给vue的data添加一个新的属性时会发生什么？怎样解决？

Answer 1

根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上。

Answer 2

     对象类型写法
     this.$set("要给哪个对象添加","添加的对象的key",'添加的对象的value')

    数组类型写法
    this.$set('你要修改的数据'，'你要修改这个数组的索引值'，要修改的值val)