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

ref — value wrapper. reactive — object proxy.

1const count = ref(0)  // .value
2const state = reactive({})  // no .value

• ref — primitives.
• reactive — objects.