Vue.set 向数据中添加响应式属性

Vue.set 向响应式对象中添加响应式属性，及设置数组元素触发视图更新

vue项目向获取到的数组中的对象新增一个属性并要求实时渲染到页面上，经过一系列的操作，修改的数据可以在控制台拿到，但是就是没有实时的渲染到页面上，很是纳闷
后知后觉的反应过来，vue的数据是响应式数据，自己新增的数据并不具备响应式的特性，需要经过Vue.$set的处理才可以，Vue.set 向响应式对象中添加响应式属性，及设置数组元素触发视图更新
参考链接:https://www.jb51.net/article/198276.htm.

一、在我们使用vue进行开发的过程中，可能会遇到一种情况：

当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；
向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 ，需要用vue内置的方法

二、Vue.set() 响应式新增与修改数据
官方API：https://cn.vuejs.org/v2/api/#Vue-set
调用方法：Vue.set( target, key, value ) 或者 this.$set(target, key, value);

target：要更改的数据源(可以是对象或者数组)
key：要更改的具体数据
value ：重新赋的值，
调用：this.$set(target, key, value);