Computed Properties & Watchers

« Directives: v-bind, v-model, v-if & v-for« Previous Component Props & defineEmits »Next »

Derive cached reactive data with computed() and perform asynchronous side effects with watch().

Why computed() Beats Methods

A computed() property caches its evaluated result and will only re-calculate when its reactive dependencies change, avoiding expensive repeated calculations on re-renders.

Google AdSense Slot (inContentBanner)

Set your Publisher ID in src/config/ads.ts to display live ads.

Test Yourself With Exercise

+15 XP

What is the primary advantage of a computed property over calling a method in the template?

« Previous: Directives: v-bind, v-model, v-if & v-for Next: Component Props & defineEmits »