请问使用vue-router与v-show分别实现选项卡有什么区别?-灵析社区

加班使我熟睡

我们开发项目,无论是后台管理系统,还是移动应用,经常会使用到各式各样类似选项卡的切换组件,如下: 1、管理后台: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/e365c40239652c1764a3b16afbdc85ad.png) 2、选项卡: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/384ca95467263909d79f8d0eee287419.png) 3、移动端底部tabber: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241201/43c5bfc627df3c3fd268830933e51bcc.png) 问题如下: 1、实现这种类选项卡组件有2中方法:分别是 **vue-router的嵌套路由** 和 **v-show** , 请问2种实现有什么区别(个人看不出区别),来回切换时,能否缓存原本查看的内容呢?什么时候使用**vue-router的嵌套路由** ,什么时候使用**v-show** 2、vue-router 嵌套路由,在不断切换子路由时,父路由的组件是从新加载?还是缓存了无需再次加载呢? 请问大神们,能否详细解答?谢谢!

阅读量:17

点赞量:0

问AI
1. "v-show" 顾名思义,切换靠的是隐藏与显示,所以所有组件都会创建出来,不会销毁 2. vue-router 则会创建和销毁组件 3. 如何抉择?我觉得两者不存在竞争关系。很明显,vue-router 需要跟 URL 关联起来;而 "v-show" 则仅限于同一个页面里不同内容的呈现。