demo: update slots demo

qwe104 · Feb 22, 2021 · 18ed2c5 · 18ed2c5
1 parent 12ed6ba
commit 18ed2c5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/example/slotsComponent/App.js b/example/slotsComponent/App.js
@@ -14,7 +14,7 @@ export default {
           msg: "your name is child",
         },
         {
-          default: () => [h("p", {}, "nihao")],
+          default: () => h("p", {}, "我是通过 slot 渲染出来的"),
         }
       ),
     ]);

diff --git a/example/slotsComponent/Child.js b/example/slotsComponent/Child.js
@@ -1,9 +1,13 @@
-import { h, ref, reactive } from "../../lib/mini-vue.esm.js";
+import { h, ref, reactive, renderSlot } from "../../lib/mini-vue.esm.js";
 export default {
   name: "Child",
-  setup(props, context) {
-  },
+  setup(props, context) {},
   render() {
-    return h("div", {}, "child");
+    return h("div", {}, [
+      h("div", {}, "child"),
+      // renderSlot 会返回一个 vnode
+      // 其本质和 h 是一样的
+      renderSlot(this.$slots, "default"),
+    ]);
   },
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,7 @@ export default { @@
               msg: "your name is child",
             },
             {
-              default: () => [h("p", {}, "nihao")],
+              default: () => h("p", {}, "我是通过 slot 渲染出来的"),
             }
           ),
         ]);
@@ Expand Down @@