vueuse 中文文档

VueUse createSharedComposable 组件间共享事件

VueUse createSharedComposable 组件间共享事件,可以解决重复监听事件的问题。

代码示例

A组件用法

import { computed, onMounted, reactive } from 'vue';
import { createSharedComposable, useMouse } from '@vueuse/core'

const useSharedMouse = createSharedComposable(useMouse)

// CompA.vue
const  point = useSharedMouse()

B组件用法

import { computed, onMounted, reactive } from 'vue';
import { createSharedComposable, useMouse } from '@vueuse/core'

const useSharedMouse = createSharedComposable(useMouse)

// CompB.vue
const  point = useSharedMouse()

在线例子

例子

Catalog
vueuse 入门 State 状态 createGlobalState 全局状态 createInjectionState 组件传值 createSharedComposable useAsyncState 异步响应式 useDebouncedRefHistory useLastChanged 最后修改时间 useLocalStorage 响应式存储 useManualRefHistory useRefHistory 历史快照 useStorageAsync useSessionStorage 响应式存储 useStorage 响应式存储 useThrottledRefHistory Elements 元素 Browser 浏览器 Sensors 感应监测