`toRef`, `toRefs`, `toValue` — dùng khi nào?

toRef: tạo ref từ một property của reactive object — giữ reactive connection:

const state = reactive({ count: 0, name: 'Vue' })
const countRef = toRef(state, 'count') // linked to state.count

toRefs: convert toàn bộ reactive object thành object of refs — dùng khi destructure:

const { count, name } = toRefs(state)

toValue (Vue 3.3+): unwrap ref hoặc getter — dùng trong composables để accept cả ref và plain value:

function useFeature(id: MaybeRefOrGetter<string>) {
  const resolvedId = toValue(id) // unwrap nếu là ref
}

toRef: creates a ref from a property of a reactive object — maintains reactive connection:

const state = reactive({ count: 0, name: 'Vue' })
const countRef = toRef(state, 'count') // linked to state.count

toRefs: converts the entire reactive object into an object of refs — use when destructuring:

const { count, name } = toRefs(state)

toValue (Vue 3.3+): unwraps a ref or getter — use in composables to accept both ref and plain values:

function useFeature(id: MaybeRefOrGetter<string>) {
  const resolvedId = toValue(id) // unwraps if ref
}