Sobes.tech

Frontend

setup() (se execută înainte de beforeCreate și created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Părinte: setup Părinte: beforeCreate Părinte: created Părinte: beforeMount Copil: setup Copil: beforeCreate Copil: created Copil: beforeMount Copil: mounted Părinte: 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 pe mine"></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() (se ejecuta antes de beforeCreate y created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Padre: setup Padre: beforeCreate Padre: created Padre: beforeMount Hijo: setup Hijo: beforeCreate Hijo: created Hijo: beforeMount Hijo: mounted Padre: mounted <template> <div> <slot name=""></slot> </div> </template>

175

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

151
/2