组件通信
文章平均质量分 61
余温无痕
这个人很懒
展开
-
vue2/vue3 Provide和Inject使用方式
这种方法传递过来的数据是没有响应性的,当你改变父组件中的name时,子组件中接收的name并不会改变。官方解释:provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的 property 还是可响应的。父组件返回一个自定义的函数,子组件进行computed来进行处理,来实现响应式数据处理。原创 2023-04-04 18:24:05 · 928 阅读 · 0 评论 -
vue2/vue3 EventBus事件总线(用于组件通信)
Vue 3.x 移除了 $on 、 $off 和 $once 这几个事件 API,使得vue3.x不能像2.x一样,不能直接使用EventBus。vue3 推荐 mitt 和 tiny-emitter,这里使用mitt。中定义一个新的bus对象并且挂载在原型链上,是全新的Vue实例。原创 2023-04-04 17:58:11 · 1091 阅读 · 0 评论 -
vue3 常用的组件互相通信(父子、兄弟、爷孙、任意组件)
方案父传子子传父propsemitsv-modelemitsrefemitsprovideinjectEventBusemit / on(可用于兄弟、爷孙、全局)emit / on(可用于兄弟、爷孙、全局)Vuex作用于全局作用于全局pinia作用于全局作用于全局1、父传子主要用到props属性传递,父组件通过自定义属性给子组件传值,子组件用props接收子组件 TitleMore.vue// 子组件原创 2023-04-04 16:08:49 · 12150 阅读 · 1 评论