问答

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

作者:admin 2021-05-06 我要评论

比如: export default { setup(){ const count=ref(0) }}function useFn(){} 那么在useFn中怎么去获取或改变count的值?就像Vue2中改变data中的值一样。 如果使...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

比如:

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

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

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

###
<button @click="useFn(123123123)">点我改变{{count}}</button> 


export default {
    setup(){
        const count=ref(0)
        function useFn(c){
            count.value = c;
        }
        return {
            useFn,
            count
        }
    }
}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • Vue3 setup中定义一个响应式数据,外边

    Vue3 setup中定义一个响应式数据,外边

  • 请教一个用axios formdata express nod

    请教一个用axios formdata express nod

  • DSL是否如何实现递归查询?

    DSL是否如何实现递归查询?

  • js 如何隔着背景png拖动其下边的img

    js 如何隔着背景png拖动其下边的img

腾讯云代理商
海外云服务器