1.由于vue2的路由使用官网提供的最新的router版本则会报错，所以使用npm i vue-router@3.5.3 -S，则可以正常使用，在项目终端输入即可。 ps:如果输入npm i vue-router@3.5.3 -S终端报错Cannot read properties of null (reading 'pickAlgorithm')的话，可以执行命令行npm cache clear --force 清除缓存之后再重新安装依赖 npm install，然后再输入npm i vue-router@3.5.3 -S即可。
2.正常在components中编写导航条header
3.在APP.vue（主页面的进入页面）引入，import Header from './components/header.vue'
4.在APP.vue的export default:{compoents:{appHeader：Header}}中注册组件
5.在app.vue的template中，正常使用即可
6.在main.js中配置路由：
a:引入路由import VueRouter from 'vue-router'
b:使用路由Vue.use(VueRouter)
c:引入需要转跳的页面import Home from './components/home.vue'; (例如你需要引入Home组件)
d:定义路由const routes = [{path:'/',component:Home}]数组中是个对象，可以放置多个对象，转跳到不同的页面
e：将routes放到router中去，实例化一个vue， const router = new VueRouter({ routes, mode:'history'}) （mode:'history'是为了防止生产#在导航栏中）
f:在new vue中添加router: new Vue({ render: h => h(App), router }).$mount('#app')
---------------------引入二级路由-------------------------
1.在main.js中引入二级路由import Contact from './components/about/Contact'
2.再在6.d中相对应的一级路由后面添加children：[{{path:'/about/contact',name:"contactLink",compoent:Contact},}],即可配置二级路由
