文章目录
准备
创建项目
路由的配置
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>