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

路由组件和一般组件

路由组件

一般放到pages或view目录

一般组件

一般放到component目录

切换路由

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

路由的工作模式

Hash模式

缺点

1.不美观,路径带#号

优点

1.兼容性好

一般适用于管理系统

History模式

缺点

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

优点

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

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

相关推荐
怎么吃不饱捏25 分钟前
vue3+vite,引入阿里巴巴svg图标,自定义大小颜色
前端·javascript·vue.js
南玖i2 小时前
vue3 通过 Vue3DraggableResizable实现拖拽弹窗,可修改大小
前端·javascript·vue.js
bitbitDown7 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js
lumi.10 小时前
Vue.js 从入门到实践1:环境搭建、数据绑定与条件渲染
前端·javascript·vue.js
二十雨辰10 小时前
vue核心原理实现
前端·javascript·vue.js
影子信息10 小时前
[Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is not defined“
前端·javascript·vue.js
BTU_YC10 小时前
FastAPI+Vue前后端分离架构指南
vue.js·架构·fastapi
正义的大古13 小时前
OpenLayers地图交互 -- 章节七:指针交互详解
前端·javascript·vue.js·openlayers
qwy71522925816313 小时前
vue自定义指令
前端·javascript·vue.js
看到我请叫我铁锤14 小时前
vue3使用leaflet的时候高亮显示省市区
前端·javascript·vue.js