如何从Vue 2中的另一个数据变量引用数据变量？

Question

我在vue数据中有这个：

data() {
    return {

      names: [],
      length: names.length,
}

但这不起作用，因为RefereneError（名称未定义）被抛出。我使用this.names但没有任何区别。

Answer 1

你需要做这样的事情才能让它发挥作用：

第一路

data() {
    let defaultNames = [];
    return {
      names: defaultNames,
      length: defaultNames.length,
}

第二种方式 - 使用计算数据（最佳方式）：

data() {
    return {
      names: [],
    }
},
computed: {
    length() {
        return this.names.length;
    }
}