可以在 vuejs 2 中合并数据根或更改整个数据状态

Question

我刚开始使用 vue.js 版本 2.1.10。请考虑查看以下代码段：

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

我无法在文档中找到任何解释如何更改或合并整个 data 的参考资料（例如，我通过 ajax 调用收到新状态）而没有明确说明一一更改所有数据属性。

在我的项目中，我得到了：

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

但在模板中看起来很麻烦。知道如何避免的请回答。

Answer 1

一点都不麻烦，其实很常见。

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

可以在 vuejs 2 中合并数据根或更改整个数据状态

Can the data root be merged or whole data state changed in vuejs 2

javascript

vue.js

vuejs2