要使用Vue路由，先要明白路由是什么，简单来说路由就是一种利用数据来控制连接的关系，理解起来比较抽象，我们可以通过一些小案例来熟悉用法。
1.创建路由
1.1创建路由的思路：
如果使用脚手架来做一个Vue的小页面，其中含有很多局部子页面内容，怎样在操纵局部页面时不刷新浏览器来控制局部页面呢？Vue提供了一个路由的思路，路由可以通过操纵path路径来显示不同的局部页面内容，有了这个指导思想，下面来分步解析路由：
- 1.创建子路由页面文件
- 2.创建路由规则数组
- 3.编辑挂载点
其实在做这些之前，还需要下载view-router模块，在main.js中引入VueRouter函数并且添加在Vue.use()身上来注册RouterView组件，还要把路由对象注入到new Vue实例中，但我们创建Vue脚手架时文件已经默认做好了这些，这里就不再赘述。
1.2路由案例规划：
1.**--------**先来实现一个简单的上图案例，点击我是一，下面显示111111，点击我是二下面显示2222，点击我是3下面显示33333.那么就需要三个子路由页面来对应这三个按钮，先创建三个子路由文件，
文件模版内容很简单，填入要显示的东西即可
2.**------**定义路由数组，并且引入文件，数组包含子路由的路径path和component构成，如图，引入的变量名称要和conponent构成变量名称一致
3.**------**根据path路径，去App.vue根组件编辑模版，我们这里给要点击的文字的盒子使用的是对标签，他会被Vue渲染成a标签，并且带有特定的属性名，它的to属性和a标签的herf属性相似，都是指向路径，这里我们根据刚才的规则数组来填入对应的路径即可，下方的对标签叫做占位符，这里就是显示子路由页面的地方
设置完毕，一个简单的路由就可以实现了
2.小结
根据路由思想，可以将路由变相理解为一个分级传递的控制系统，上级根据路径查找下级，那么上级的模版的标签中，需要填入下级对应的路径，还需要有显示子路由页面的占位符，然后这套系统的规则就是路由规则数组，定义数组后，需要引入准备好的下级页面，也就是有三点：
- 1.根组件模版中对应路径和占位符
- 2.规则数组
- 3.准备子路由文件
这三点顺序可以根据自己习惯来，只需要熟悉了这三点之间的关系，就可以举一反三，熟练使用路由了
