Vue3 中如何进行变量的拼接？

Question

在 vue2 中，如果一个 data 里的变量是动态的，可以用：this[active+'Var']去获取。Vue3 中 setup 语法该如何去拼接获取定义的 ref 变量呢？

Answer 1

如果有这种需求，建议把变量都放到一个对象上去，

const vars = reactive({
    a: 1,
    b: 2,
    c: 3
})
const str = 'a'
vars[str] // 1

Answer 2

1. if...else..
2. switch...case

3. 对象映射

   已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 3

一般情况通过判断语句可以实现，但是判断条件的方法不太精简，还是使用对象里面放键值对的方式来做比较好，方便使用。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。