vue app mount code example

Example 1: vue lifecycle hooks

<script>
  export default {
    beforeCreate() {
      console.log("beforeCreate")
    },
    created() {
      console.log("created")
    },
    beforeMount() {
      console.log("beforeMount")
    },
    mounted() {
      console.log("mounted")
    },
    beforeUpdate() {
      console.log("beforeUpdate")
    },
    updated() {
      console.log("updated")
    },
    beforeDestroy() {
      console.log("beforeDestroy")
    },
    destroyed() {
      console.log("destroyed")
    }
  }
</script>

Example 2: vuejs 3 app.mount

// HTML file
<body>
  <div id="app">
    // Your app here
  </div>
</body>
// JS file
import { createApp } from 'vue';
import App from './App.vue';


const app = createApp(App);

app.mount('#app');

Tags:

Misc Example

Recent Posts