为什么我不能一个对象在vue.js分配给定义的变量数据？

Question

我用这样的方式，但不渲染

this.res = Object.assign({}, 
    this.res, { 
    "employees": [{ 
     "firstName": "John", 
     "lastName": "Doe" 
    }, { 
     "firstName": "Anna", 
     "lastName": "Smith" 
    }, { 
     "firstName": "Peter", 
     "lastName": "Jones" 
    }], 
    'haha': 'baba', 
    'papa': { 
     'mimi': 'mimi' 
    } 
    }) 

Answer 1

employees没有定义在渲染时间（创建）。 您应该直接在数据中写入res对象。

Answer 2

而是在get方法分配给对象的做在创造了生命挂钩，因此，资源属性将与数据呈现的页面

var vue = new Vue({ 
 
    el: "#app", 
 
    data: function() { 
 
     return { 
 
      res:{} 
 
     } 
 
    }, 
 
    created: function() { 
 
     this.res = { 
 
      "employees": [{ 
 
       "firstName": "John", 
 
       "lastName": "Doe" 
 
      }, { 
 
       "firstName": "Anna", 
 
       "lastName": "Smith" 
 
      }, { 
 
       "firstName": "Peter", 
 
       "lastName": "Jones" 
 
      }], 
 
      'haha': 'baba', 
 
      'papa': { 
 
       'mimi': 'mimi' 
 
      } 
 
     } 
 
    } 
 
})

<script src="https://vuejs.org/js/vue.min.js"></script> 
 
<div id="app" > 
 
    <div>{{res.employees[0].firstName}}</div> 
 
    <div>{{ res.papa.mimi}}</div> 
 
    <div>{{ res.haha}}</div> 
 
</div>

之前填充