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

路由组件和一般组件

路由组件

一般放到pages或view目录

一般组件

一般放到component目录

切换路由

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

路由的工作模式

Hash模式

缺点

1.不美观,路径带#号

优点

1.兼容性好

一般适用于管理系统

History模式

缺点

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

优点

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

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

相关推荐
木易 士心1 小时前
Vue 3 Props 响应式深度解析:从原理到最佳实践
前端·javascript·vue.js
海鸥两三4 小时前
uniapp 小程序引入 uview plus 框架,获得精美的UI框架
前端·vue.js·ui·小程序·uni-app
合作小小程序员小小店7 小时前
web网页开发,在线考勤管理系统,基于Idea,html,css,vue,java,springboot,mysql
java·前端·vue.js·后端·intellij-idea·springboot
防火墙在线8 小时前
前后端通信加解密(Web Crypto API )
前端·vue.js·网络协议·node.js·express
她是太阳,好耀眼i9 小时前
Nvm 实现vue版本切换
javascript·vue.js·ecmascript
han_9 小时前
前端高频面试题之Vue(初、中级篇)
前端·vue.js·面试
执携10 小时前
Vue Router (命名视图)
前端·javascript·vue.js
含若飞11 小时前
Vue 中 `watch` 与 `this.$watch` 使用指南
前端·javascript·vue.js
希冀12312 小时前
【Vue】第五篇
前端·javascript·vue.js
华仔啊13 小时前
开源一款 SpringBoot3 + Vue3 数据库文档工具,自动生成 Markdown/HTML
vue.js·spring boot·后端