本文详细介绍了Vue-router的配置和使用，包括创建项目、路由配置、路由默认值、history模式、router-link特性和导航守卫。还讨论了动态路由、路由懒加载、嵌套路由、参数传递以及keep-alive的实现，是Vue.js前端开发的重要参考资料。
文章目录
准备
创建项目
路由的配置
src/router/index.js
// 配置路由信息
import VueRouter from 'vue-router'
import Vue from 'vue'
// 使用插件
Vue.use(VueRouter)
// 创建VueRouter对象
const router = new VueRouter({
// 配置路径和组件之间的应用关系
routes: [
{
}
]
})
// 将router对象传入到vue实例中
export default router
挂载到main.js
使用vue-router的步骤：
第一步：创建路由组件
第二步：配置路由映射：组件和路径映射关系
第三步：使用路由：通过<router-link>和<router-view>
最低0.47元/天 解锁文章
2773
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
