How reactivity works in Vuejs

One of the interesting thing about all these JavaScript Frameworks is reactivity of components. Each framework have their own way to treat us.

Problem

Suppose you have a counter that increment when user click it will increase by itself. So each time user click on it, the UI should update, it should reloaded the page/UI.

Solution

This problem have one solution, binding. Vuejs allow us bind members of the component.

<template>
<div >     
   {{counter}}
</div>
</template>

Pages: Page 1, Page 2