vue3 router,store,query,params获取

  • 获取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的内容:

猜你喜欢

转载自blog.csdn.net/a9874561328/article/details/124422465