vue2结合脚手架三搭建项目结构

简介: vue2结合脚手架三搭建项目结构

1. vue2.x结合vue-cli3项目结构搭建

5c2f14c311b647dfaf82d1e0229eff1a (1).png
2. 项目中关于路由的灵活使用

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from "@/views/Home"
const exam = () => import('../views/exam')
const group = () => import('../views/group')
const interview = () => import('../views/interview')
const resume = () => import('../views/resume')
Vue.use(VueRouter)
const routes = [
    {
        path:"",
        redirect : '/home'
    },
    {
        path : '/home',
        name : 'home',
        component : Home,
    },
    {
        path : '/exam',
        name : 'exam',
        component: exam
    },
    {
        path : '/group',
        name : 'group',
        component: group
    },
    {
        path: '/interview',
        name : 'interview',
        component: interview
    },
    {
        path: '/resume',
        name: 'resume',
        component: resume
    }
]
const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})
export default router
相关文章
|
3天前
|
JSON 数据可视化 数据库
vue3+threejs+koa可视化项目——实现登录注册(第三步)
vue3+threejs+koa可视化项目——实现登录注册(第三步)
43 5
|
3天前
|
数据可视化 前端开发 JavaScript
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
80 3
|
3天前
|
JavaScript 数据可视化 算法
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
38 6
|
1天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之一:基础项目构建
Vue3+Vite+Pinia+Naive后台管理系统搭建之一:基础项目构建
7 1
|
2天前
|
监控 JavaScript 前端开发
Vue 项目性能优化指南:提升应用速度与效率
Vue 项目性能优化指南:提升应用速度与效率
|
2天前
|
JavaScript Go
VUE3+vite项目中动态引入组件和异步组件
VUE3+vite项目中动态引入组件和异步组件
|
3天前
|
Web App开发 编解码 JavaScript
【Vue篇】Vue 项目下载、介绍(详细版)
【Vue篇】Vue 项目下载、介绍(详细版)
10 3
|
3天前
|
资源调度 JavaScript 前端开发
vue 项目运行过程中出现错误的问题解决
vue 项目运行过程中出现错误的问题解决
13 1
|
3天前
|
JavaScript
vue项目切换页面白屏的解决方案
vue项目切换页面白屏的解决方案
10 0
|
3天前
|
XML JavaScript 前端开发
Vue3 项目中怎么使用 jsx——易懂
Vue3 项目中怎么使用 jsx——易懂
8 0