本文详细介绍了Vue.js中的路由应用，包括组件间的<router-link>和<router-view>使用，路由配置，如普通路径、带参数的路径及404配置，编程式路由跳转如前进、后退和切换，获取路由信息如params、query和hash，路由守卫的使用，如组件内和全局守卫，以及路由元信息和查询参数的处理。
1.组件
（1）<router-link> 切换路由
to="/user" 切换路由的地址
<router-link :to="{path:'/product/def',query:{age:18},hash:'best'}">
（2）<touer-view> 存放路由
2.路由配置 /router/index
（1）普通
{
path："/user",name:"user",
component()=>import(xxx)
}
（2）传参{
path：“/product/:id”，
name:"product",
component:xxx
}
<router-link to="/product/abc">
在页面中获取：$route.params.id（3）404
配置在最后面
{<
最低0.47元/天 解锁文章
扫一扫
551
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
