31 lines
530 B
Vue
31 lines
530 B
Vue
<template>
|
||
<div>
|
||
<p>
|
||
<button @click="clickHander">点击</button>
|
||
</p>
|
||
<br />
|
||
<p>provide组件： {{ count }}</p>
|
||
<br />
|
||
<InjectBase />
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { ref, provide, readonly } from "vue";
|
||
import InjectBase from "./InjectBase.vue";
|
||
|
||
|
||
const count = ref<number>(0);
|
||
provide("num", readonly(count));
|
||
|
||
const clickHander = () => {
|
||
count.value++;
|
||
};
|
||
</script>
|
||
|
||
|
||
<style scoped lang="less">
|
||
button {
|
||
padding: 8px;
|
||
}
|
||
</style> |