JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
        <p>A = {{ propertyA }}</p>
        <p>B = {{ propertyB }}</p>
        <button v-on:click="a++">Thêm 1 vào a</button>
        <button v-on:click="b++">Thêm 1 vào b</button>
    </div>

JavaScript

new Vue({
            el: '#app',
            data: {
                a: 0,
                b: 0
            },
            computed: {
                propertyA: function(){
                    console.log('Tính toán thuộc tính A');
                    return this.a;
                },
                propertyB: function(){
                    console.log('Tính toán thuộc tính B');
                    return this.b;
                }
            }
        });