vue路由

vue路由在项目目录下的router/index.js下配置

当我们创建了一个vue页面，需要将它注册进路由里面才能使用

如图我想实现从Test页面转向A，B页面，我就要使用标签实现页面的跳转，还要将两个页面注册进路由里面

        子路由：子路由就是从当前页面跳到下一个页面，好比，我从A页面要继续进入A1页面，

           首先创建A1页面，将其注册到路由里面（注册到A路由的下面）

            
然后在父页面需要设置挂载点，用标签表示挂载

然后又可以从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中已经设置了样式