extendRef

Ref に追加の属性を追加します。

使用法

追加の属性は Vue のテンプレートではアクセスできないことに注意してください。

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 はアンラップされ、リアクティブになります

import { extendRef } from '@vueuse/core'
// ---cut---
const myRef = shallowRef('content')
const extraRef = shallowRef('extra')

const extended = extendRef(myRef, { extra: extraRef })

extended.value === 'content'
extended.extra === 'extra'

extended.extra = 'new data' // 更新がトリガーされます
extraRef.value === 'new data'