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

路由组件和一般组件

路由组件

一般放到pages或view目录

一般组件

一般放到component目录

切换路由

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

路由的工作模式

Hash模式

缺点

1.不美观,路径带#号

优点

1.兼容性好

一般适用于管理系统

History模式

缺点

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

优点

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

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

相关推荐
天意pt1 天前
Blog-SSR 系统操作手册(v1.0.0)
前端·vue.js·redis·mysql·docker·node.js·express
清风ai明月1 天前
在vue3中Promise是什么
vue.js
毕设源码-邱学长1 天前
【开题答辩全过程】以 基于VUE的打车系统的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
麦麦大数据1 天前
J009 美食推荐可视化大数据系统vue+springboot
vue.js·spring boot·mysql·推荐算法·美食·可视化分析·沙箱支付
rfidunion1 天前
springboot+VUE+部署(1。新建项目)
java·vue.js·spring boot
Irene19911 天前
在 Vue 中使用 TypeScript 的几种方式
vue.js·typescript
hhcccchh1 天前
学习vue第八天 Vue3 模板语法和内置指令 - 简单入门
前端·vue.js·学习
yyf198905251 天前
Vue 框架相关中文文献
前端·javascript·vue.js
粥里有勺糖1 天前
开发一个美观的 VitePress 图片预览插件
前端·vue.js·vitepress
鹏多多1 天前
jsx/tsx使用cssModule和typescript-plugin-css-modules
前端·vue.js·react.js