Composable là gì? So sánh với Mixins?

Composable là function dùng Composition API để đóng gói và tái sử dụng stateful logic.

Ví dụ:

// useFetch.js
export function useFetch(url) {
  const data = ref(null)
  const loading = ref(true)
  fetch(url).then(r => r.json()).then(d => { data.value = d; loading.value = false })
  return { data, loading }
}

So với Mixins:

1. Không có naming collision — return value rõ ràng
2. Source rõ ràng — biết data từ đâu
3. Có thể nhận arguments (dynamic)
4. Không có implicit state sharing

Mixins vẫn được hỗ trợ trong Vue 3 nhưng bị discouraged — Composition API là alternative được khuyến nghị.

A composable is a function using Composition API to encapsulate and reuse stateful logic.

Example:

// useFetch.js
export function useFetch(url) {
  const data = ref(null)
  const loading = ref(true)
  fetch(url).then(r => r.json()).then(d => { data.value = d; loading.value = false })
  return { data, loading }
}

Vs Mixins:

1. No naming collisions — explicit return values
2. Clear source — know where data comes from
3. Can accept arguments (dynamic)
4. No implicit state sharing

Mixins are still supported in Vue 3 but discouraged — Composition API is the recommended alternative.