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

路由组件和一般组件

路由组件

一般放到pages或view目录

一般组件

一般放到component目录

切换路由

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

路由的工作模式

Hash模式

缺点

1.不美观,路径带#号

优点

1.兼容性好

一般适用于管理系统

History模式

缺点

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

优点

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

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

相关推荐
小毛驴8501 分钟前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
JSON_L4 小时前
Vue 电影导航组件
前端·javascript·vue.js
计算机编程果茶熊4 小时前
毕设选题难、不会写代码、答辩紧张?校园失物招领系统从需求到实现全流程指南|计算机毕业设计
java·vue.js
奇舞精选4 小时前
从零开始实现Vue3+WebAssembly万级数据表格开发流程
vue.js·webassembly
Britney⁺♛&?ꪶꪫꪜꫀ7 小时前
Vue2上
vue.js·npm
江城开朗的豌豆7 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
海天胜景11 小时前
vue3 el-table 列数据合计
前端·javascript·vue.js
征尘bjajmd11 小时前
vue+element-ui实现主子表
javascript·vue.js·elementui
帧栈11 小时前
开发避坑短篇(6):Vue+Element UI 深度选择器实现表单元素精准对齐的技术实践
vue.js·ui·elementui
小毛驴85011 小时前
典型的 Vue 3 项目目录结构详解
前端·javascript·vue.js