vue3 路由

路由

导航区 展示区

请来路由器

具体规则

形成一个一个的vue

两个注意点：路由组件通常存放在pages或views文件夹，一般组件通常放在components文件夹2点击导航，视觉上消失的组件默认被卸载，需要的时候去挂载

路由器工作模式：1history   url美观  但后期需要服务端配合处理路径问题

2 hash模式 兼容性好但不美观

To的两种写法；1 to=”/home”  2 to=”{path:‘home’}”

嵌套路由：1编写news的子路由：detail.Vue  配置器路由规则，使用children配置项 children：{}跳转时要完整路径，在home中要加入<router-view>

路由传参  query params参数（使用to的对象写法，使用name 不可以用path）

路由的props的配置，让组件接收参数更方便

Replace属性控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式为push追加历史记录和replace 替换当前记录  

编程式导航 useroute composition api函数，返回当前路由的信息对象，对象不可变 userouter返回路由的实例 包括push和replace方法

重新定向

{

Path:’/’,

Redirect;’/about’

}