Answers for "vue <component>"

45

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>
Posted by: Guest on June-07-2020
8

vue import component

// With Vue 3.2 
<script setup>
import Btn from './components/Btn'
</script>

<template>
  <Btn />
</template>
Posted by: Guest on November-02-2020
-1

component in vue

// Define a new component called button-counter
Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
})
Posted by: Guest on May-25-2021

Code answers related to "vue <component>"

Code answers related to "Javascript"

Browse Popular Code Answers by Language