vue3 setup语法糖 reactive 数组取值
时间: 2023-07-21 16:20:16 浏览: 152
vue遍历对象中的数组取值示例
在Vue3中使用`setup`语法糖创建组件时,可以通过`reactive`函数创建响应式对象,包括数组。如果要取得数组中的某个元素,可以使用普通的下标索引方式,例如:
```
import { reactive } from 'vue';
export default {
setup() {
const state = reactive({
list: ['apple', 'banana', 'orange']
});
const getItem = (index) => {
return state.list[index];
}
return {
getItem
};
}
}
```
在上面的代码中,`getItem`函数可以通过传入数组的索引值来返回对应的元素,使用方式类似于普通的JavaScript数组。
阅读全文