/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/test/base/src/views/LifecycleSetup.vue
56 строк
2 KB
Brandy Smith
test(vue): improve test app (#30610)
08 авг 2025, 20:37
Не верифицирован
08 авг 2025, 20:37
2229c24
Код
Авторство
О чём код?
<template> <ion-page data-pageid="lifecycle-setup"> <ion-header :translucent="true"> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button default-href="/"></ion-back-button> </ion-buttons> <ion-title>Lifecycle (Setup)</ion-title> </ion-toolbar> </ion-header> <ion-content :fullscreen="true"> <ion-header collapse="condense"> <ion-toolbar> <ion-title size="large">Lifecycle (Setup)</ion-title> </ion-toolbar> </ion-header> <div class="ion-padding"> onIonViewWillEnter: <div id="onWillEnter">{{ onWillEnter }}</div><br /> onIonViewDidEnter: <div id="onDidEnter">{{ onDidEnter }}</div><br /> onIonViewWillLeave: <div id="onWillLeave">{{ onWillLeave }}</div><br /> onIonViewDidLeave: <div id="onDidLeave">{{ onDidLeave }}</div><br /> <ion-button router-link="/navigation" id="lifecycle-navigation">Go to another page</ion-button> </div> </ion-content> </ion-page> </template> <script lang="ts" setup> import { IonButton, IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar, onIonViewWillEnter, onIonViewDidEnter, onIonViewWillLeave, onIonViewDidLeave } from '@ionic/vue'; import { ref } from 'vue'; const onWillEnter = ref(0); const onDidEnter = ref(0); const onWillLeave = ref(0); const onDidLeave = ref(0); onIonViewWillEnter(() => onWillEnter.value += 1); onIonViewDidEnter(() => onDidEnter.value += 1); onIonViewWillLeave(() => onWillLeave.value += 1); onIonViewDidLeave(() => onDidLeave.value += 1); </script>