vue-router打开新的tab页时，其内容是上一个tab页的内容问题

1：进入列表页，点击内容A详情，跳转到内容A详情页（ this$routerpush(path: `内容A的url/${内容A的id}`}) ）

2：返回列表页，点击内容B详情，跳转到内容B详情页（ this$routerpush(path: `内容A的url/${内容B的id}`}) ）

问题：此时，url中的参数不一样，但是新打开的内容B的tag页面中的内容，依旧是内容A的内容（读取了history缓存的界面状态的数据）

可以在离开上一个内容详情页时，销毁掉当前组件

或者，可以在路由更新之前，对数据进行一次调用获取（一般里面的语句和 beforeRouteEnter 的一样）

弊端：无法对一些需要加载dom的控件，会报错，比如说echarts

作用：管理多个组件或者全局共享的状态。

将复杂的、需要共享的逻辑处理放入actions中共享。

( 为什么在store中执行 Vueuse(Vuex) ，而不是在mainjs中？

执行顺序问题。脚手架处理文件中的 import x from '/yyy' 这类语句时，不管它们位置如何，相当于放在文件开头执行。)

在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。

多个组件需要共享数据时

补充：

启用module写法，但不设置namespaced时：actions, mutations, getters 依然挂在全局，使用方式无变化。对于state： $storestatea 。

此时使用mapState，两种写法均报错，原因不明。

1作用：可以简化路由的跳转。

2如何使用

(1)给路由命名：

(2)简化跳转：

作用：让路由组件更方便的收到参数，直接从props中拿到xxx，而不必写$routequeryxxx (路由组件指作为页面的组件)。

($route的meta项中可以放一些关于路由的自定义信息)

（路由文件中的beforeEnter和组件内的beforeRouteEnter区别之一是后者可以 *** 作组件内的data和methods等。

导航解析流程：先在路由配置里调用 beforeEnter，再在被激活的组件里调用 beforeRouteEnter，若前者未通过，则后者不会被调用）

以上就是关于vue-router打开新的tab页时，其内容是上一个tab页的内容问题全部的内容，包括:vue-router打开新的tab页时，其内容是上一个tab页的内容问题、Vue 笔记（三）- vuex, vue-router、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！