Sobes.tech

Frontend

setup() (é executado antes de beforeCreate e created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Pai: setup Pai: beforeCreate Pai: created Pai: beforeMount Filho: setup Filho: beforeCreate Filho: created Filho: beforeMount Filho: mounted Pai: mounted <template> <button @click="onClick"> {{ text }} </button> </template> <script lang="ts"> interface Props { text: string; } const props = defineProps<Props>(); interface Emit { myClick: [string]; } const emits = defineEmit<Emit>(); function onClick() { } </script> <template> <MyButton :text="Clique em mim"></MyButton> </template>

191

// comp.vue <template> <ul v-if="products != null"> <li v-for="(pr, i) in products">{{pr}}</li> </ul> </template> <script> import {getProducts} from ""; import {ref} from "vue"; const products = ref(null); onMounted(() => { getProducts().then(result => products.value = result) }) </script> setup() (executa-se antes de beforeCreate e created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Pai: setup Pai: beforeCreate Pai: created Pai: beforeMount Filho: setup Filho: beforeCreate Filho: created Filho: beforeMount Filho: mounted Pai: mounted <template> <div> <slot name=""></slot> </div> </template>

175

const eventos = [ { nome: 'Маша', data: '[phone]' }, { nome: 'Даша', data: '[phone]' }, { nome: 'Ваня', data: '[phone]' }, { nome: 'Петя', data: '[phone]' }, { nome: 'Митя', data: '[phone]' }, ];

151
/2