哈喽，各位！咱们今儿就来说说前端界那个火爆得不得了的工具——vue3。不过说实话，用着用着有时候会遇到点小麻烦，弄得人心情都down下来了。
今天我们就来讲讲Vue 3中的麻烦事——二级目录下JS报错。举个例子来说，如果你是个Vue 3迷，还特别喜欢弄个二级目录。那么有时候在你的JS文件内用Vue3时，就可能突然看到这么一句话：“哎呦，啥子叫$refs？我咋就找不到它？”这可是件让人头大的事情！
折腾了半天，终于知道为啥二级目录下的.js文件没法找到父组件的$refs属性了。这个问题有点儿让人头疼！
咱们就来说说这事咋处理。首先，得明白一点儿，给东西的那方叫发射器（Provider），拿走东西的那方叫接收器（Inject）。是不是觉得挺高端？说实话就是父亲给小孩儿玩具，然后小孩还是还给父亲罢了。这样的话，就能借助这个神秘的`this.$inject.ref`拿到父级组件的$refs了。
小伙伴们，快来学一招！用Vue.observable就能搞定哦～首先，咱们先设置好父组件里要分享的数据，接着用Vue.observable包装一下。然后在儿子组件那边，瞅准时机，纯属输入‘inject(‘SharedData’)’，就可以拿到那些信息了。最后，直接换上’shis.$refs’，妥妥搞定！这下，之前那个问题算是彻底解决啦～
那知道怎么解不？第一个招儿是用provide和inject，还有就是用Vue的observer功能哈。别忘了额~
懒人福利！版主来教你们怎么搞定Vue3中常见的二级目录JS报错问题~简单来说就是利用提供和注入技术以及Vue.observable这个小工具，轻轻松松解决！学以致用，不再被这些错误套路所困扰！快去评论区留言分享你遇到过哪些坑让我们互相学习成长！记得给小编点个赞鼓励下！
评论0