官网：https://router.vuejs.org/zh-cn/installation.html
使用npm安装：
首先进入项目目录，然后运行安装命令：
cnpm install vue-router --save
运行安装命令
安装完毕，package.json可查看版本号
使用方法：在组件中
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
使用router时，先准备好路由链接所需要的组件
在组件的js文件中，导入每个路由所需要链接的组件，以数组对象的方式，绑定链接地址和链接的组件，对应router.js
路由地址和组件绑定
在需要使用的组件中(app.vue)，分别使用router-link标签包裹住导航的文字，使用router-view标签作为路由的出口，用于显示每次切换路由（导航）时刷新要显示的链接内容
注意：router-link 和 router-view（即导航和显示内容要在同一个组件）
路由标签的使用
将路由挂载组件之后显示在页面上
路由组件的挂载
使用过程中，进场需要默认显示某一个路由，设置的想法是，对地址进行重定向，党访问某个地址时，直接重定向到所需要的路由地址
解决默认显示某个路由
设置激活时的类样式，让选中和未选更清晰，方法如下：
设置选中的样式
为路由器配置默认激活样式
最终结果
网友评论