Vue-Router基础知识

序：路由不只是网址的意思，也可能是一条路径！对应的路径找到对应的内容
1.Vue Router是Vue.js官方的路由管理器，它和vue.js核心深度集成，让构建单页面应用变得轻松；网址：https://router.vuejs.org/zh；https://router.vuejs.org/zh/guide/。核心功能:嵌套的路由/视图表，模块化的基于组件的路由配置，HTML5历史模式或hash模式，路由参数，基于Vue.js过渡系统的视图过滤效果，细粒度的导航控制，带有自动激活的CSS class的链接。
2.基本配置
1）初始化工程项目：vue create lk-vue-router（自己配置router的话，还是只选择babel不选router这个选项的）–>npm install vue-router --save（就是项目文件夹下终端打开进行项目安装–工程里面安装vue-router，建议在执行npm run serve之前进行安装）–>npm run serve。
2)配置：src目录下，新建router.js文件；
下面是该文件内的代码。

//引入Vue和Router，使用use方法。
import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
//导入Router，下面的routes对路由进行配置。
export default new Router({
    routes:[]
})

下面是main.js里面的内容。

import router from "./router";
new Vue({
  router,
  //这个里面原本就有router这个属性的，所以可以直接写一个router即可。
  render: h => h(App),
}).$mount('#app')

3.将组件components映射到路由routers，然后告诉vue-router在哪里渲染它们。组件和组件之间可以灵活切换。在切换过程中，可以进行各种参数传递，极限控制等。