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

• Z时代
• 2024-03-14
• 分类：IT

我们开发项目，无论是后台管理系统，还是移动应用，经常会使用到各式各样类似选项卡的切换组件，如下：

1、管理后台：

2、选项卡：

3、移动端底部tabber:

问题如下：
1、实现这种类选项卡组件有2中方法：分别是 vue-router的嵌套路由 和 v-show, 请问2种实现有什么区别（个人看不出区别），来回切换时，能否缓存原本查看的内容呢？什么时候使用vue-router的嵌套路由，什么时候使用v-show

2、vue-router 嵌套路由，在不断切换子路由时，父路由的组件是从新加载？还是缓存了无需再次加载呢？

请问大神们，能否详细解答？谢谢！

回答：

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

以上是 请问使用vue-router与v-show分别实现选项卡有什么区别？ 的全部内容， 来源链接： utcz.com/p/935073.html