2025年1月31日

生命周期

摘要: main.vue <template> <div @click="isShow">显隐</div> <componentA v-if="!flag"></componentA> </template> <script setup lang='ts'> import { ref } from 'vue 阅读全文

posted @ 2025-01-31 17:39 ChoZ 阅读(13) 评论(0) 推荐(0)

watchEffect

摘要: <template> <div> <input type="text" v-model="name" /> <div id="beWatch"></div> <!-- <button @click="stopEffect">停止</button> --> </div> </template> <sc 阅读全文

posted @ 2025-01-31 16:19 ChoZ 阅读(19) 评论(0) 推荐(0)

watch

摘要: <template> <div> <input type="text" v-model="name" /> <input type="text" v-model="obj.age" /> <input type="text" v-model="refName.age" /> </div> </tem 阅读全文

posted @ 2025-01-31 15:45 ChoZ 阅读(19) 评论(0) 推荐(0)

vue3 响应式原理源码

摘要: 1.使用Proxy来编码reactive源码,在get函数中追踪依赖,在set函数中触发依赖 2.编写track和trigger,和自定义effect函数 构建依赖图根据这种数据结构 3.使用自定义的reactive函数和自定义effect函数 阅读全文

posted @ 2025-01-31 15:44 ChoZ 阅读(14) 评论(0) 推荐(0)

导航