为什么我不能将对象分配给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

不是在get方法中指定对象，而是在创建的生命挂钩中执行它，因此res属性将在呈现页面之前填充数据

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>

Answer 2

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