vue3.0 reactive([1,2,3]) 的数组怎么在tempalte里面渲染?

Question

\#\#\# VUE3.0 reactive([])的数组是Proxy,这种数据无法用v-for渲染，不清楚怎么解决

\#\#\# 问题出现的环境背景及自己尝试过哪些方法

\#\#\# 相关代码

<template>
   <ul class="peoples mt20">
            <li v-for="(item, index) in forPeopleList" :key="index" >
              <div class="words">{{item}}</div>
            </li>
          </ul>
</template>
setup () {
  let forPeopleList = reactive([1,2,3])
  return { 
    ...toRef(forPeopleList)
  }
}

Answer 1

https://codesandbox.io/s/mode...

<template>
  <ul class="peoples mt20">
    <li v-for="(item, index) in forPeopleList" :key="index">
      <div class="words">{{ item }}</div>
    </li>
  </ul>
</template>

<script>
import { reactive } from "vue";
export default {
  name: "App",
  setup() {
    let forPeopleList = reactive([1, 2, 3]);
    return {
      forPeopleList,
    };
  },
};
</script>

<style>
</style>