vue3动态路由+页面加载进度条

An_s

已于 2022-11-24 11:20:20 修改

阅读量1.5k

点赞数

分类专栏： vue3+typeScript+antd搭建前端项目文章标签：前端 javascript vue.js

于 2022-07-08 10:09:13 首次发布

本文链接：https://blog.csdn.net/echo_Ae/article/details/125672687

版权

vue3+typeScript+antd搭建前端项目专栏收录该内容

8 篇文章 8 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue3项目中如何实现动态路由，通过后端传递的数据进行路由渲染，并提到了使用`addRoute`方法的关键点。同时，作者建议结合vue-devtools扩展以监测路由的添加情况。

摘要由CSDN通过智能技术生成

前言

这个月使用vue3来架构公司后端项目，刚好要弄动态路由，我这里就抛砖引玉一下

开始

ruoter - config.ts

import {RouteRecordRaw} from "vue-router";
import LayoutView from "@/layout/IndexLayoutView.vue";

const routesList: Array<RouteRecordRaw> = [
    {
        path: '/login',
        name: 'login',
        component: () => import(/* webpackChunkName: "login" */ '@/views/login/IndexLoginView.vue')
    },
    {
        path: '/',
        name: 'layout',
        component: LayoutView,
        redirect: '/home',
        children: [
            {
                path: '404',
                component: () => import(/* webpackChunkName: &