vue3 router,store,query,params获取

vue3 router,store,query,params获取,第1张

  • 获取router以跳转路由传递参数等等,相当于vue2中的this.$router
    import { useRouter } from 'vue-router'
    
    const router = useRouter()

  • 获取store,修改store,触发action等等,相当于vue2中的this.$store
    import { useStore } from 'vux'
    
    const store = useStore()
    
    // 使用getters
    console.log(store.getters.xxx)
    
    // 修改store
    store.commit('xxx', xxxval)
    
    // 触发action
    store.dispatch('xxx', params)

    没有map辅助函数,如果要使用的话需要自己封装

  • 获取query,params
    // 都需要从route对象中获取
    import { useRoute } from 'vue-router'
    
    const route = useRoute
    
    const query = route.query
    const params = route.params 

    route的内容:

     

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/742660.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-28
下一篇 2022-04-28

发表评论

登录后才能评论

评论列表(0条)

保存