How reactivity works in Vuejs


Little more

May be you want a little more, I want a member that keep watching the changes for me and update UI instantly. That would be awesome !

The computed property will help us. These ares functions which return/ set values. So there can be setter / getter functions which is an observer for other members.

<script >
data(){
return {
counter:0;
}
computed(){
 Counter(){return counter);
}
}
</script>

<template>
<div >     
   {{Counter}}
</div>
</template>

Here the member Counter will automatically update the UI for you when any changes detected on counter.

There are more about Vue to explore

Published by

Manoj

A developer,teacher and a blogger obsessed with Python,Dart and open source world from India

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.