Vue3 路由跳转与参数获取

路由跳转

import { useRouter } from "vue-router"
export default {
  setup () {
    const router = useRouter(); // 第一步
    const state = reactive({
      list: [],
      toDeatil(id) {
        router.push('/product?id=' + id); // 第二步
      },
    })
    return {
      ...toRefs(state)
    }
  }
}

参数获取

import { useRoute } from "vue-router"
export default {
  setup () {
    const route = useRoute(); // 第一步
    console.log(route.query.type); // 第二步
    
    const state = reactive({
      list: [],
    })
    return {
      ...toRefs(state)
    }
  }
}