在vue2中常见的兄弟组件间传值有vuex等，vue3中继续使用发现vuex中值发生变化，然而列表没有更新，百度后得到另一种方法传值的组件<script>import { ref, reactive, onMounted,getCurrentInstance } from 'vue'import { useStore } from "vuex"export default {setup

描述：视频详情页以及全屏展示视屏详情包括：①提示视频大小，主义流量消耗；②视频右侧下方展示播放量按钮，分享按钮，全屏按钮；③视频正下方展示标题；④图标切换：视频开始按钮、进度条、上一个及下一个视频、全屏按钮；⑤背景毛玻璃样式(暂时先不考虑)全屏同视频详情，区别：标题在视频上方思路：放弃使用插件，采用video标签形式，注掉原生样式。视屏详情：页面静态模块（按钮文字等），通过绝对定位实现；观看次数：

前提：vue的移动端分页，从列表进入详情后返回后直接回到了当前列表页顶部，而不是回到之前的位置，影响用户体验解决方案：使用keepalive加上router具体步骤：router中用meta设置变量scrollTop存储当前的滑动位置，默认为0，导航守卫中给其赋值，然后在需要的页面中用actived钩子重新给当前页面的scrollTop赋值为meta中记录的scrollTop代码router.js

vue3需要下载专门的devtools【https://chrome.zzzmh.cn/info?token=ljjemllljcmogpfapbkkighbhhppjdbg】

代码】vue2使用swiper6。