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的内容:vue3 router,store,query,params获取_第1张图片

     

你可能感兴趣的:(vue,vue.js,前端)