Vue3路由组件和一般组件 切换路由时组件挂载和卸载 路由的工作模式

路由组件和一般组件

路由组件

一般放到pages或view目录

一般组件

一般放到component目录

切换路由

切换路由时,组件和执行挂载和卸载

路由的工作模式

Hash模式

缺点

1.不美观,路径带#号

优点

1.兼容性好

一般适用于管理系统

History模式

缺点

需要后端加NGINX配置,也不麻烦

优点

1.美观,路径不带#号,跟一般网站一样

一般适用于2C网站,面向大众的视频购物网站

相关推荐
还是大剑师兰特1 天前
Vue3 中 computed(计算属性)完整使用指南
前端·javascript·vue.js
孜孜不倦不忘初心1 天前
Ant Design Vue 表格组件空数据统一处理 踩坑
前端·vue.js·ant design
csdn_aspnet1 天前
查看 vite 与 vue 版本
javascript·vue.js
于先生吖1 天前
SpringBoot+Vue 前后端分离短剧漫剧系统开发实战
vue.js·spring boot·后端
毕设源码-赖学姐1 天前
【开题答辩全过程】以 基于VUE的环保网站设计为例,包含答辩的问题和答案
前端·javascript·vue.js
紫_龙1 天前
最新版vue3+TypeScript开发入门到实战教程之DOM操作
javascript·vue.js·typescript
SuperEugene1 天前
JS/TS 编码规范实战:Vue 场景变量 / 函数 / 类型标注避坑|编码语法规范篇
开发语言·javascript·vue.js
FlyWIHTSKY1 天前
vue3中const的使用和定义
前端·javascript·vue.js
gongzemin1 天前
怎么在VS Code 调试vue3 源码
前端·vue.js
xuankuxiaoyao1 天前
VUE.JS 实践 第二章
前端·javascript·vue.js