vue 数据绑定注意事项

今天在项目中遇到了一个问题

我在data中定义了一个空 groupDetail: { }对象

data() {  
	groupDetail: {},  
}

在回调函数中给这个groupDetail赋值，结构是这样的

groupDetail: {  
	data: {  
		name : 'kwydy',  
		age : '19'  
	}   
},

在视图容器使用的时候我直接通过data.name去取，结果报错了

{{ groupDetail.data.name }}

把data里的groupDetail改成这样就可以了

groupDetail: { data: {} },