qq_32805013的博客

在使用过程中浏览器回退和子页面页面返回操作偶发性的出现无法正常回退到一级页面的情况（点一次停留在次级页,点两次回退到主应用,再次进入子应用也还在次级页）,于是我利用deactivated(离开子应用)生命周期通知子应用强行回到首页，但是子页面加入监听且加上页面跳转后无法回退的bug消失了，1.在我子应用页面里的二级页面的返回操作用的是 history.back 方法，注释掉子应用的跳转或监听这个bug又会重现。框架使用保活方式引用子页面。果然，科学的尽头是玄学。

版本问题解决不应该按照其他文章列举的具体版本来解决，因为文章具有时效性，所以正确的解决办法应该是按照你当前的版本逐一降级测试至可行为止，比如我当前按照的版本是"unplugin-auto-import": "^0.17.1"，那我们就直接降级至"unplugin-auto-import": "^0.16.1"，改完后 npm i 再运行测试可用性，一直重复操作直至可用为止

但事实上官方是不建议应用使用 getCurrentInstance 方法的，所以我更加推荐以下的方法去存储和获取全局变量，即依赖注入的方式

按照官网的描述是将处理相同问题的代码放到相同的位置，让代码一块一块的，但这实际上让长时间使用选项式API编码的我有点摸不着头脑，一直思考如何把代码分成一块一块的，官网的图也让让我似懂非懂。所以我认为把逻辑分离到独立文件中可以快速的对组合式API有些初步的认识

这个问题目前已经有很多文章提出了正确的解决方案，即增加 shims-vue.d.ts 文件来解决/* eslint-disable */declare module '*.vue' { import type { DefineComponent } from 'vue' const component: DefineComponent<{}, {}, any> export default component}但是其实在VueCli创建的项目中其实是默认带 上这个文件及

由于采用了Typescript 所以Lottie官网的教程及安装路径是没有用的，需要使用vue3-lottie