Learning VueJS

most-used-lifecyles-hooks.js

export default LifeCyclesHooks {

// This hook triggers before the Vue instance is created, we cant acccess to data
beforeCreate(){
console.log("Before create")
}
//Called syncronously after the Vue instance is created.
created(){
  console.log("Hook created")
}

//Called rightt before the mounting begins: the render function is about to be called for the first time
beforeMount(){
  console.log("Before mount hook")
}

//Called after the Vue instance has been mounted, where element, passed to Vue.createApp({}).mount()
mounted(){
 console.log("Mounted")
}




}

vue-instance.js

// Create a Vue instance
var vm = new Vue({
  el:"#myDiv",
  data:{
    company:{
      name:"Mullin Stack",
      status:"Running"
    }
  }
})