This is how you master computed props in @vuejs 👇🏻
When a function does more than just return a value, it makes your code more complicated.
These are called side effects, and you should never have them inside of a computed prop:
When a function does more than just return a value, it makes your code more complicated.
These are called side effects, and you should never have them inside of a computed prop:
But we can fix this.
We can move that side effect into a watcher that is triggered whenever the computed prop updates:
We can move that side effect into a watcher that is triggered whenever the computed prop updates:
Note: This technique applies equally to the composition API, although the syntax is slightly different.
At first glance, this may seem like we made the code more complicated. But actually, we've made it a lot simpler.
At first glance, this may seem like we made the code more complicated. But actually, we've made it a lot simpler.
This excerpt from my course, Clean Components, explains this in more detail:
michaelnthiessen.com/side-effect-su…
michaelnthiessen.com/side-effect-su…
• • •
Missing some Tweet in this thread? You can try to
force a refresh
