Vue向已定义的空对象添加的新属性和值,无法在页面上渲染。

问题背景:
先在data中定义了一个空对象obj:{},ajax获取后台数据之后,将新的属性名和属性值赋给obj,结果发现页面上渲染不出数据。

个人解决方式:
重新定义了obj这个对象,把obj这个对象要从后台获取的属性全都先定义好了,形如:obj:{ a : ’ ', b : ’ ’ }。我这个方法只适合新添加的属性较少的情况,数据多时不可取。

官方文档的相关解释:
1、data是什么?
Vue向已定义的空对象添加的新属性和值,无法在页面上渲染。
2、对传入data的js对象做了些什么?
Vue向已定义的空对象添加的新属性和值,无法在页面上渲染。
3、如何让后来添加的数据成为响应式的?
Vue向已定义的空对象添加的新属性和值,无法在页面上渲染。Vue向已定义的空对象添加的新属性和值,无法在页面上渲染。