2024年Web前端最全vue项目开发---做一些开发前的配置，2024年最新面试的经典六问

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

indent_style = space

indent_size = 2

end_of_line = lf

insert_final_newline = true

trim_trailing_whitespace = true

5、创建路由

=====================================================================

5.1、安装路由

---

npm install vue-router@3.0.2 --save

安装成功：

5.2、配置路由

---

import Vue from ‘vue’

import VueRouter from ‘vue-router’

//懒加载

const Home = () => import(‘…/views/home/Home’)

const Category = () => import(‘…/views/category/Category’)

const Cart = () => import(‘…/views/cart/Cart’)

const Profile = () => import(‘…/views/profile/Profile’)

const Detail = () => import(‘…/views/detail/Detail’)

//1、安装插件

Vue.use(VueRouter)

//2、创建router

const routes = [

{

path: ‘’,

redirect: ‘/home’

},

{

path: ‘/home’,

component: Home

},

{

path: ‘/category’,

component: Category

},

{

path: ‘/cart’,

component: Cart

},

{

path: ‘/profile’,

component: Profile

}

]

const router = new VueRouter({

routers,

mode: ‘history’

})

//3、导出router

export default router

5.3、main.js页面引入路由

---

5.4、APP.vue页面使用路由

---

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总