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

路由组件和一般组件

路由组件

一般放到pages或view目录

一般组件

一般放到component目录

切换路由

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

路由的工作模式

Hash模式

缺点

1.不美观,路径带#号

优点

1.兼容性好

一般适用于管理系统

History模式

缺点

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

优点

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

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

相关推荐
我是日安1 小时前
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
前端·javascript·vue.js
Q_Q19632884752 小时前
python+vue的在线租房 房屋租赁系统
开发语言·vue.js·spring boot·python·django·flask·node.js
不如喫茶去2 小时前
VUE查询-历史记录功能
前端·javascript·vue.js
武天2 小时前
说说你对slot的理解?slot使用场景有哪些?
vue.js
武天2 小时前
vue中,key的原理
vue.js
武天2 小时前
如何打破scope对样式隔离的限制?
vue.js
武天2 小时前
Vue中的$nextTick有什么作用?
vue.js
武天2 小时前
刷新浏览器后,Vuex的数据是否存在?如何解决?
vue.js
武天2 小时前
你是怎么处理vue项目中的错误的?
vue.js
武天2 小时前
怎么在 Vue 中定义全局方法?
vue.js