import { Meta } from '@storybook/addon-docs/blocks'

<Meta title='@dxtmisha/vi/functional/Functions/getBindRef - Tạo liên kết (phản ứng)'/>

# `getBindRef`

Phiên bản phản ứng của hàm [`getBind`](../getBind/getBind.vi.mdx) để tạo các thuộc tính cho một thành phần phụ dựa trên các giá trị phản ứng hoặc bình thường. Nó giúp tạo ra các liên kết nhất quán khi truyền prop từ thành phần cha sang thành phần con, đặc biệt là khi sử dụng `Ref` của Vue.

**Tham số:**
- `value: RefOrNormal<T | R> | undefined` — Giá trị đầu vào. Có thể là một ref phản ứng hoặc một đối tượng bình thường chứa nhiều thuộc tính.
- `nameExtra: RefOrNormal<ItemList> | string = {}` — Các tham số bổ sung hoặc tên thuộc tính sẽ được hợp nhất vào đối tượng liên kết cuối cùng.
- `name: string = 'value'` — Tên thuộc tính sẽ sử dụng cho giá trị chính (mặc định là `'value'`).

**Trả về:**
`ComputedRef<R>` — Một computed ref phản ứng chứa đối tượng các thuộc tính đã được hợp nhất, sẵn sàng để liên kết (ví dụ: thông qua `v-bind`).

```typescript
import { ref } from 'vue'
import { getBindRef } from '@dxtmisha/functional'

const modelValue = ref('Xin chào')
const extraProps = { placeholder: 'Nhập tại đây...' }

// Tạo một liên kết computed: { value: 'Xin chào', placeholder: 'Nhập tại đây...' }
const bindings = getBindRef(modelValue, extraProps)
```
