vue-router4 路由跳转怎么传递和接收参数？

Question

"vue-router": "^4.1.2",跳转请问如何传参和接收参数

const createCommand = () => {
  router.push({
    path: "/AddCommand",
    query: {
      name: "John",
      age: 30
    },
    state: {
      isLogin: true
    }
  })
}

// AddCommand
import { useRouter } from "vue-router"
const router = useRouter()
console.log(router) // 这里没有参数

Answer 1

import { useRoute } from 'vue-router';

export default {
  setup() {
    const route = useRoute();
    const name = route.query.name;
    const age = route.query.age;
    const isLogin = route.state.isLogin;

    console.log('Name:', name, 'Age:', age); 
    console.log('IsLogin:', isLogin);
  },
};

Answer 2

useRoute 不是useRouter