码迷,mamicode.com
首页 > 其他好文 > 详细

vue路由配置

时间:2019-11-25 23:37:57      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:res   配置   class   info   一个   目录   函数   col   png   

  • 首先安装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路由配置

标签:res   配置   class   info   一个   目录   函数   col   png   

原文地址:https://www.cnblogs.com/wazy999/p/11931514.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!