Vue.js: What is the difference between ref() and reactive()?

ref() — wraps values in a reactive container. reactive() — makes objects deeply reactive.

ref():

• Works with primitives and objects.
• Uses .value for access.

reactive():

• Works only with objects.
• No .value needed.

1// ref
2const count = ref(0)
3count.value++

1// reactive
2const state = reactive({ count: 0 })
3state.count++

Key differences:

• ref — any value, .value.
• reactive — objects only, no .value.