vue路由在项目目录下的router/index.js下配置
当我们创建了一个vue页面，需要将它注册进路由里面才能使用
如图我想实现从Test页面转向A，B页面，我就要使用<router-link to=""></router-link>标签实现页面的跳转，还要将两个页面注册进路由里面
子路由：子路由就是从当前页面跳到下一个页面，好比，我从A页面要继续进入A1页面，
首先创建A1页面，将其注册到路由里面（注册到A路由的下面）
然后在父页面需要设置挂载点，用<router-view></router-view>标签表示挂载
然后又可以从A1进入A11，以此类推
注意：使用这种方式的子路由，父页面的内容在子页面依然存在（也就是说，打开子页面，父页面依然存在，这种样式很常见）
从当前页面转到上一级页面，只需要指定上一级页面的path即可，当前页面是A1,上一级页面是A，path为a,所以指定to为a即可
使用平级路由（进入子页面，父页面的内容不显示），很简单，不是用children标签就行，把路由和其他路由的位置平衡就行,这样进入其他子页面，父页面的内容就不显示了，达到了一个平级的效果
使用子路由实现始终显示主页的内容，就如，我在主页面Test,进入A页面后Test页面的内容依然存在，然后进入A1页面，Test的内容也存在，但进入A1后，A页面的内容不能显示，很简单，只需要将所有子路由放在父路由的children标签下就行
#号
hash模式：地址栏包含#符号，#以后的不会被回台获取
history模式：具有对url历史记录进行修改的功能
在微信支付，分享url作为参数传递时，#不能满足需求
history需要后台配合，处理404的问题
使用history模式：只需要在路由的上面添加mode:'history'
这样在url上就没有#号了
安装组件：如安装组件eslint，
安装组件命令：npm install eslint --save
卸载组件命令：npm uninstall eslint --save
--save : 放到生产环境
--save-dev : 放在开发环境
其他组件安装也是这样
生产环境：指项目上线运营了，eslint（代码规范），应该放在开发环境
开发环境：项目正处于开发阶段
安装
App.vue是整个项目的祖组件，相对于整个项目来说，他是祖组件，其他的都是子组件
无论我们跳到那个页面，这个logo一直存在，证明他就是祖组件
为什么我们所有的内容会自动居中呢？
因为在App.vue中已经设置了样式
