From 4a25e83d1456ea11d5c4e167871a86441311f040 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A7=89?= <huan0016@gmail.com>
Date: Fri, 6 Oct 2023 20:47:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/test.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/test.html b/public/test.html
index 4cfe273..faa9b1e 100644
--- a/public/test.html
+++ b/public/test.html
@@ -59,7 +59,12 @@
             music: { name: 'music', list: [{ name: 'satori' }] },
             image: { name: 'image', list: [{ name: 'satori' }] }
         })
-        const store = entanglement.get('json')
+        const store = entanglement.get('json', event => {
+            console.log(event)
+            // 根据事件传递的路径, 更新对应的组件
+            // 如何绑定多个组件而尽量降低代码量?
+            // 传递变化
+        })
         await new Promise(resolve => setTimeout(resolve, 3000))
         store.users.name = 'koishi'
 
@@ -67,11 +72,12 @@
         element.innerHTML = store.users.list.map(user => `<li>${user.name}</li>`).join('')
         element.onclick = () => {
             store.users.list.push({ name: 'koishi' })
+            // 在数据从其他位置被删除时也能删除这里的元素
         }
         document.body.appendChild(element)
         
-
-        //users.list.push({ name: 'koishi' })
+        // 主动查询获取数据, 然后将数据变化通过推送事件获取
+        // 以事件绑定模式获取数据, 为元素绑定数据变化事件, 使数据变化时自动更新元素
     </script>
 </body>