如何从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;
    }
}