vue3的reacitve函数如何声明以下响应数组
templatedivdiv-for=' iteminarr ' : key=' item ' { item }/div button @ click=' change ' change/button/div exportor let new arr=[ 1，2，3 ] arr=new arr } return { arr，change } }，}； 发现单击/scriptstylescope/stylechange按钮没有任何变化。 这是因为名为arr=newArr的代码失去了arr的响应能力。
解决办法
ref函数setup(props，context ) ) letarr=ref ([ ] function change ) ) console.log ) ' change . ' )； let new arr=[ 1，2，3 ] arr.value=new arr } return { arr，change } }，数组的推送方法setup(props，context ) { letarr=retarr } 3]arr.push(newarr ) ) return ) arr， change } } )，创建响应时间对象，属性为数组templatedivdivv-for=' iteminarr.list ' : key=' item ' { item } }/div bange exportdefaultdefinecomponent ({ setup (props，context ) ) letarr=reactive ({ list : [ ] )功能更改) ) /脚本