Register component locally

<div id="app" class="text-center"> <my-component></my-component> <my-component></my-component> </div> <div id="app2" class="text-center"> <my-component></my-component> </div> <script type="text/javascript"> // register var cm = { data: function(){ return{ status: 'Critical' } }, template : "<p> Server…

Stor data in vue component

<div id="app" class="text-center"> <my-component></my-component> <my-component></my-component> </div> <div id="app2" class="text-center"> <my-component></my-component> </div> <script type="text/javascript"> // register Vue.component('my-component', { data: function(){ return{ status: 'Critical' } }, template : "<p> Server Status: {{…

Vue js Instance lifecycle

The image comes from Udemy Vue js 2 course <script src="https://unpkg.com/vue@2.6.11/dist/vue.js"></script> <div id="app" class="text-center"> <h1> {{ title }} </h1> <button @click=" title = 'vue js 2 changed'"> Update</button> <button @click="destroy">Destroy</button>…