Vue3 setup中定义一个响应式数据,外边的函数怎么获取这个数据并改变值?

比如:

export default {
    setup(){
        const count=ref(0)
    }
}
function useFn(){}

那么在useFn中怎么去获取或改变count的值?就像Vue2中改变data中的值一样。

如果使用传参进去在return出来,这样若有别的函数调用useFn时也需要做无谓的传参。
若是像Vue2那样在data里定义,在methods中使用,那这样Vue3就失去了意义。。。
请老哥们帮忙一下,可以分享一下相关的资料看看,谢谢了

阅读 6.8k
1 个回答
<button @click="useFn(123123123)">点我改变{{count}}</button> 


export default {
    setup(){
        const count=ref(0)
        function useFn(c){
            count.value = c;
        }
        return {
            useFn,
            count
        }
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题