extendRef
向 Ref 添加额外属性。
¥Add extra attributes to Ref.
用法
¥Usage
请注意,额外的属性在 Vue 的模板中将不可访问。
¥Please note the extra attribute will not be accessible in Vue's template.
ts
import { extendRef } from '@vueuse/core'
import { shallowRef } from 'vue'
const myRef = shallowRef('content')
const extended = extendRef(myRef, { foo: 'extra data' })
extended.value === 'content'
extended.foo === 'extra data'
Refs 将被展开并做出反应
¥Refs will be unwrapped and be reactive
ts
const myRef = shallowRef('content')
const extraRef = shallowRef('extra')
const extended = extendRef(myRef, { extra: extraRef })
extended.value === 'content'
extended.extra === 'extra'
extended.extra = 'new data' // will trigger update
extraRef.value === 'new data'