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路由配置的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

vue路由对象($route)参数简介

若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起

Vue的路由配置(Vue2和Vue3的路由配置)

Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段

vue知识点-$route和$router