vue2: Cannot read property 'xxxx' of undefined

Question

{{ lists.link.BueKey.name }} 

能正确打印出想要的结果

console 打印信息也能正确显示:

console.log('BueKey：');
console.log(this.lists.link.BueKey);

对于错误提示翻了下官方文档也没找到合适答案。新手请指教。

Answer 1

应该是lists.link没有在data中进行初始化定义。建议再仔细看下vue生命周期图，模版进行渲染的时候，lists.link如果没有初始化的话就没有数据，导致了undefined 问题。
之所以能够打印应该是因为lists.link已经被重新赋值了
data中新增如下即可：

data() {
    return {
        lists: {
            link: {
                BueKey: {
                    name: ''
                }
            }
        }
    }
}