2

I learned vuejs recently and I seem to be having problems in fully grasping the essential differences between the usage of ref and reactive. When is it right to use ref or reactive?

Improve this question
0

1 Answer 1

Reset to default
6

Based on this article from Anthony Fu (a Vue.js champion) we can summarize it in these points:

  • refs are considered as primitives values
  • reactives as objects
  • refs only mutated by .value property, but reactive with any nested property
  • reactives looks like plain objects
  • reactive objects have some caveats like loosing reactivity when they are destructed.
  • reactive objects should be wrapped with function when they're watched like watch(()=>reactiveObj,(newVal,oldVal)...., unlike refs which are unwrapped watch(refProp,(newVal,oldVal)....

Conclusion :

I’d say go with ref whenever you can

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.