鍍金池/ 問答/HTML/ 關(guān)于Cannot read property 'bar' of undefine

關(guān)于Cannot read property 'bar' of undefined的問題

message是一個空對象，

    var app = new Vue({
      el: '#app',
      data: {
        message: {},
      },

然后在

<input ... v-model="message.foo">這樣不會報錯

但再深入一層的時候會報錯
<input ... v-model="message.foo.bar">

clipboard.png

請問這怎么解釋?

回答
編輯回答
爆扎

message是一個空對象,message.foo中foo沒初始化，為undefined，undefined是不能取值的，也就是不能message.foo.bar

//可以這么寫
message: {foo:{}},
2017年5月8日 08:04