Sobes.tech

Frontend

setup() (töötatakse enne beforeCreate ja created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ema: setup Ema: beforeCreate Ema: created Ema: beforeMount Laps: setup Laps: beforeCreate Laps: created Laps: beforeMount Laps: mounted Ema: 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="Mua meni"></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() (tiek izpildīts pirms beforeCreate un created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Vecāks: setup Vecāks: beforeCreate Vecāks: created Vecāks: beforeMount Bērns: setup Bērns: beforeCreate Bērns: created Bērns: beforeMount Bērns: mounted Vecāks: mounted

175

const events = [ { name: 'Маша', date: '[phone]' }, { name: 'Даша', date: '[phone]' }, { name: 'Ваня', date: '[phone]' }, { name: 'Петя', date: '[phone]' }, { name: 'Митя', date: '[phone]' }, ];

151
/2