feat(core): 实现响应性系统的核心功能

- 添加 effect 函数用于创建响应性副作用 - 实现 ReactiveEffect 类来管理响应性执行 - 添加 track 函数用于依赖收集 - 添加 trigger 函数用于触发依赖更新 - 在 baseHandlers 中实现 Proxy 的 get 和 set 拦截器 - 将 effect 导出到 vue 包的入口文件 - 添加 dev 脚本用于监听构建 - 更新示例文件展示响应性功能的使用 - 修复 README.md 中代码块格式问题
2026-02-03 22:18:21 +08:00
parent d3fea3f244
commit 5a24b61edf
7 changed files with 73 additions and 7 deletions
--- a/packages/vue/examples/reactivity/reactive.html
+++ b/packages/vue/examples/reactivity/reactive.html
@@ -6,14 +6,15 @@
    <script src="../../dist/vue.js"></script>
 </head>
 <body>
-
+<div id="app"></div>
 </body>
 <script>
-    const { reactive } = Vue
-    console.log(reactive)
+    const { reactive,effect } = Vue
    const obj=reactive({
        name:'张三'
    })
-    console.log(obj)
+    effect(()=>{
+        document.querySelector('#app').innerText=obj.name
+    })
 </script>
 </html>