VueJS：我可以动态声明：？

Question

从这段代码：

<ul id="messages-list">
    <li v-for="message in messages"><input v-model="messageXX"></li>
</ul>

如何以计算值声明message01，message02 ...

Answer 1

这是可行但不优雅。

基本上，动态生成对象并将其合并到computed。

这是一个简单的例子。

let dynamicComputed = {};
for (let i = 0; i < 3; i++) {
  dynamicComputed[`message` + i] = {
    get() {
      // get operation
    },
    set() {
      // set operation
    }
  };
}

export default {
  computed: {
    exampleComputed() {
      return "example Computed values";
    },
    ...dynamicComputed
  }
};