vue3.0-router的使用

请安装vue最新版本

cnpm install vue-router@4.0.0-beta.9 --save

结合setup使用

import { useRouter } from "vue-router";
export default{
	name:"APP",
	setup(){
		const { push } = useRouter();
		push('/home')
	}
}

注意:

const {params} = userRouter()
//这个返回undefined 暂时没有次api
  • createWebHashHistory hash 路由

  • createWebHistory history 路由

  • createMemoryHistory 带缓存 history 路由

  • parseQuery 查询参数反序列化

  • stringifyQuery 查询参数序列化

  • onBeforeRouteLeave 路由离开钩子

    • to 目标路由信息
    • from 当前路由信息
    • next 跳转函数
    • useRoute 返回当前路由, 子属性都被ref包装