Sobes.tech

Frontend

setup() (beforeCreate ve created'ten önce çalışır) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ebeveyn: setup Ebeveyn: beforeCreate Ebeveyn: created Ebeveyn: beforeMount Çocuk: setup Çocuk: beforeCreate Çocuk: created Çocuk: beforeMount Çocuk: mounted Ebeveyn: 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="Bana tıkla"></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() (çalışma zamanı, beforeCreate ve created'ten önce çalışır) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ana: setup Ana: beforeCreate Ana: created Ana: beforeMount Çocuk: setup Çocuk: beforeCreate Çocuk: created Çocuk: beforeMount Çocuk: mounted Ana: mounted <template> <div> <slot name=""></slot> </div> </template>

175

const etkinlikler = [ { isim: 'Маша', tarih: '[phone]' }, { isim: 'Даша', tarih: '[phone]' }, { isim: 'Ваня', tarih: '[phone]' }, { isim: 'Петя', tarih: '[phone]' }, { isim: 'Митя', tarih: '[phone]' }, ];

151
/2