- 安装路由vue-router 指令:npm install vue-router --save
- 在模块化工程中使用它(因为一个插件,所以通过Vue.use()来安装路由功能)
- 第一步:导入路由对象,并且调用Vue.use(VueRouter)
- 第二步: 创建路由实例,并且传入路由印射配置
- 第三步:在Vue实例中挂载创建的路由实例
- 使用vue-router的步骤:
- 第一步:创建路由组件
- 第二部:配置路由印射:组件和路径印射关系(配置印射关系是可以重定向 redirect mode:‘history’)
- 第三步:使用路由:通过<router-link>和<router-view>