Vue路由的介绍（一）--路由基础入门

一，Vue路由，vue-router的介绍

vue-router的官网：https://router.vuejs.org/

vue路由：简单的说就是动态的从根里面挂载不同的组件，而不用手动挂载组件。

二，如果在安装vue-cli脚手架时，没有选择安装vue-router，以下是安装方法：

1，npm  install vue-router  --save /  cnpm install vue-router --save  进行安装

2，在main.js入口文件下，导入并引用

3，配置路由信息 

      ---->创建组件，并引入---->定义路由---->实例化---->挂载

4，在根组件里放入<router-view></router-view>

该句的意思是：组件模板里放入路由的入口，所有的路由都在此处显示

5，路由的跳转<router-link></router-link>

三，如果在安装脚手架时就已经安装了路由（即路由的模块化），那配置就简单多了，省略了上面1,2,3,4的步骤。在router的index.js直接配置：