一、安装

　　本地环境安装路由插件vue-router： cnpm install vue-router --save-dev

　　二、配置

　　两种配置方法：在main.js中 || 在src/router文件夹下的index.js中

　　这里只说在src/router/index.js中的

　　1.引入 import Vue from 'vue'

　　import Router from 'vue-router'

　　注意这个Router是自定义的名字，这里叫这个名字后，下边都要用到的

　　使用/注册：

　　Vue.use(Router)

　　配置

　　配置路由：

　　export default new Router({

　　routes: [

　　{

　　path : ‘/’, //到时候地址栏会显示的路径

　　name : ‘Home’,

　　component : Home // Home是组件的名字，这个路由对应跳转到的组件。。注意component没有加“s”.

　　},

　　{

　　path : ‘/content’,

　　name : ‘Content’,

　　component : Content

　　}

　　],

　　mode: "history"

　　})

　　引入路由对应的组件地址：

　　import Home from '@/components/Home'

　　import Home from '@/components/Content’

　　在main.js中调用index.js的配置：

　　import router from './router'

　　App.vue页面使用(展示)路由：

　　把这个标签放到对应位置：路由切换(原来的等地方)：把切换标签和链接改成：

　　//这里，to里边的参数和配置时，path的路径一样即可

上一篇

前端面试题——媒体查询是什么？

下一篇

find命令用法及参数的用法是怎样的？