代码:
此处定义dd时,获取bb中的属性cc
export default {
data(){
aa: 111,
bb: {
cc: 222
},
dd: this.bb.cc
},
}
现象:
在data中定义数据获取this中的数据时,导致编译错误,不会报错,但是会使当前组件失效
原因:
猜测是因为,组件实例化时,内部还没有生成bb属性,所以获取bb属性下的属性cc时,内部编译报错了,如果只是获取bb属性,顶多得到的值是undefined,不会报错。
结论:
在定义data数据时只能获取this顶层属性(如果获取顶层属性以下的任意一层属性,会导致内部编译错误,导致组件失效)