vue可以通过方法定义数据吗？

【问题标题】：Can vue define the data via methods?vue可以通过方法定义数据吗？
【发布时间】：2018-08-13 20:07:57
【问题描述】：

vue 可以通过方法定义数据吗？

export default {
  data() {
    return {
      navData: [ /* ... */ ],
      defaultData: this.deepClone(this.navData)
    };
  },

deepClone是我定义的一个函数，但是这个方法不能传递给defaultData 可能是生命周期吧？你能给我解释一下吗？谢谢

【问题讨论】：

标签： vue.js

【解决方案1】：

你不能那样做，因为你返回的对象（navData所属的对象）还没有创建，所以this.navData不可用。

解决方法：先创建对象，用navData，再添加defaultData：

export default {
  data() {
    let data = {
      navData: [ /* ... */ ],
    };
    data.defaultData = this.deepClone(data.navData);
    return data;
  },

另一个替代解决方案，可以说是更惯用的，是稍后初始化defaultData：

export default {
  data() {
    return {
      navData: [ /* ... */ ],
      defaultData: null;
    }
  },
  mounted() {
    this.defaultData = this.deepClone(this.navData);
  },

【讨论】：