Vue-插值表达式渲染多层对象数据

后端返回的数据格式嵌套多层对象的时候：

obj1: {
	obj2: {
		id: 520,
		name: '江疏影'，
		sex: '女'
	}
}

使用插值表达式渲染数据：

<ul>
	<li> {{ obj1.obj2.name }} </li>
</ul>

此时，obj1.obj2.name 为undefined，页面会报错找不到 name。这是因为页面加载的时候数据还没有渲染出来。解决办法：在父盒子加 v-if 判断。

<ul v-if="obj1.obj2">
	<li> {{ obj1.obj2.name }} </li>
</ul>