lifecycle events for a V3 single-file router component

tab-3.f7.html

<template>
    <div class="block">
      <a @click="openAlert" class="button">Open Alert</a>
  </div>
</template>

<style scoped>
</style>

<script>
  export default {
    data: function () {
      return {
        title: "My Special Component",
      }
    },
    methods: {
      openAlert: function () {
        var self = this.$app.dialog.alert('Hello world!');
      },
      setMapObject: function(){
        console.log("setMapObject");
      }
    },
    //render(){},
    beforeCreate(){
      console.log("beforeCreate");
    },
    created(){
      console.log("created");
    },
    beforeMount(){
      console.log("beforeMount");
      this.map.invalidateSize();
    },
    mounted(){
      console.log("mounted");
    },
    updated(){
      console.log("updated");
    },
    beforeDestroy(){
      console.log("beforeDestroy");
    },
    destroyed(){
      console.log("destroyed");
    },
  }
</script>