update slot example

luoxiao-supermap · Oct 27, 2021 · 61e4a2e · 61e4a2e
1 parent dd285aa
commit 61e4a2e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/example/slotsComponent/App.js b/example/slotsComponent/App.js
@@ -14,7 +14,11 @@ export default {
           msg: "your name is child",
         },
         {
-          default: () => h("p", {}, "我是通过 slot 渲染出来的"),
+          default: ({ age }) => [
+            h("p", {}, "我是通过 slot 渲染出来的第一个元素 "),
+            h("p", {}, "我是通过 slot 渲染出来的第二个元素"),
+            h("p", {}, `我可以接收到 age: ${age}`),
+          ],
         }
       ),
     ]);

diff --git a/example/slotsComponent/Child.js b/example/slotsComponent/Child.js
@@ -7,7 +7,10 @@ export default {
       h("div", {}, "child"),
       // renderSlot 会返回一个 vnode
       // 其本质和 h 是一样的
-      renderSlot(this.$slots, "default"),
+      // 第三个参数给出数据
+      renderSlot(this.$slots, "default", {
+        age: 16,
+      }),
     ]);
   },
 };