feat:更新

src/views/provideInject/ProvideReadonly.vue

@@ -0,0 +1,31 @@
+<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(0);
+provide("num", readonly(count));
+
+const clickHander = () => {
+    count.value++;
+};
+</script>
+
+
+<style scoped lang="less">
+button {
+    padding: 8px;
+}
+</style>