The VueJS Instance

Learn more about the VueJS Instance

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

 <div id ="app">
 <my-cmp></my-cmp>
 <my-cmp></my-cmp>
 <my-cmp></my-cmp>
  <my-cmp></my-cmp>
    </div>

JavaScript

var data = { 
status: 'Critical'
};
Vue.component('my-cmp', {
        data: function(){
            return data
            
        },
        template: '<p>Server Status: {{ status }} (<button@click="changeStatus">Change</button>)</p>',
        methods: {
        changeStatus: function() {
        this.status = 'Normal';
        }
        }
    });

    new Vue({
        el: '#app'
    })