vue路由配置

Posted wazy999

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue路由配置相关的知识,希望对你有一定的参考价值。

  • 首先安装vue路由

cnpm install vue-router

  • 接着在src目录下创建一个router.js文件

技术图片

      • 在router.js中引入vue-router

import Router from ‘vue-router‘;
import Vue from ‘vue‘;

如下图所示

技术图片

注:resolve => require([],resolve)为懒加载 可以封装成一个公共函数引入到router.js中就不用重复书写

可以在routes中写上mode:"history"去掉地址中的“#”

技术图片

      • 最后在main.js中引入router

技术图片

以上是关于vue路由配置的主要内容,如果未能解决你的问题,请参考以下文章