丁鹿学堂:vue3的7种组件通信(下)

2022-12-22 0 349

丁鹿学堂:vue3的7种组件通信(下)

refs的形式传参

取模块或是原素,须要表述两个撞名的Ref第一类,在模块装载后就能出访了。

vue3须要借助于开发周期形式,其原因很单纯,在setup继续执行时,template中的原素还没装载到网页上,因此要在mountedletbox=ref(null); 那个box要和ref存取的是同一英文名字。

丁鹿学堂:vue3的7种组件通信(下)

provide和inject

provide和inject是Vue中提供更多的两对API,该API能同时实现父模块百惠模块SRAM,不论层次Ploudalm,都能透过这对API同时实现。

在vue2中也有这种的应用领域,他一般来说是用以他们PCBUI模块的这时候会加进。

丁鹿学堂:vue3的7种组件通信(下)

子模块使用

丁鹿学堂:vue3的7种组件通信(下)

事件总线

Vue3中移除了事件总线,但是能借助于于第三方工具来完成,Vue官方推荐mitt或tiny-emitter

但是事件总线不利于维护。我们有个了解就行了,官方都不怎么支持了,为什么还要用呢?

状态管理工具

Vuex和Pinia是Vue3中的状态管理工具,使用这两个工具能轻松同时实现模块通讯,

Pinia是Vue.js的轻量级状态管理库,比起vue3中的Vuex状态管理,pinia更轻量,也是vue3官方更为推荐的。我们这里先有个大概的印象,回头会专门写文来介绍。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务