vuejs 2

Question

可以合并数据根或整个数据状态是否可以改变我刚刚开始使用vue.js 2.1.10版。 考虑看看下面的代码片段：

app = new Vue({ 
    el: '#app', 
    data: { 
    message: 'Hello Vue.js', 
    date: '01/01/2017' 
    } 
}); 

我无法找到文档其中介绍了如何更改或合并整个数据的任何参考（例如，我收到了新的状态中，通过Ajax调用），但没有明确改变所有数据属性一个接一个。

在我的项目我已经结了：

data: { 
    item: { 
     message: "...", 
     date: "..." 
    } 
} 

但它看起来模板繁琐。 如果你知道如何避免它，请回答。

Answer 1

这根本不麻烦，实际上很常见。

data: { 
    item: { 
     message: "...", 
     date: "..." 
    } 
}, 
methods: { 
    updateItem() { 
     $.ajax(...) 
      .then((response) => { 
       this.item = response 
      }) 
    } 
}