24 lines
508 B
Vue
24 lines
508 B
Vue
|
<script setup lang="ts">
|
||
|
|
import Child from "@/components/TestUpgrade.vue";
|
||
|
|
import { ref } from "vue";
|
||
|
|
|
||
|
|
const count = ref<number>(0);
|
||
|
|
const total = ref<number>(0);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<q-card class="q-pa-md">
|
||
|
|
<!-- Parent.vue -->
|
||
|
|
<div class="q-mb-md">
|
||
|
|
<div>Parent count is: {{ count }}</div>
|
||
|
|
<q-btn @click="count = 0">Reset count</q-btn>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<q-separator />
|
||
|
|
|
||
|
|
<div class="q-mb-md">
|
||
|
|
<Child v-model="count" v-model:total="total" />
|
||
|
|
</div>
|
||
|
|
</q-card>
|
||
|
|
</template>
|