Vue修改Dom不生效的问题

场景：data中定义一个空数组，在mouted中用请求到大数据对其进行赋值，进入主页面不生效

 注释掉的内容没有效果是因为对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。vue的基本原理是通过Object.defineProperty重写变量的get和set方法来实现监听变量的改变和通知页面重新渲染的。

解决数据没有被双向绑定我们可以使用 vm.$set 实例方法，该方法是全局方法 Vue.set 的一个别名。