feat: getCurrentInstance example

lishiwen · lishiwen · commit cf715c7b8005 · 2022-07-10T10:59:18.000+08:00
diff --git a/example/CurrentInstance/App.js b/example/CurrentInstance/App.js
@@ -0,0 +1,13 @@
+import { h, getCurrentInstance } from "../../lib/m-vue.esm.js";
+import Foo from "./Foo.js";
+
+export default {
+  name: "App",
+  render() {
+    return h("div", {}, [h("p", {}, "Current Instance"), h(Foo)]);
+  },
+  setup() {
+    const instance = getCurrentInstance();
+    console.log("App", instance);
+  },
+};
diff --git a/example/CurrentInstance/Foo.js b/example/CurrentInstance/Foo.js
@@ -0,0 +1,13 @@
+import { h, getCurrentInstance } from "../../lib/m-vue.esm.js";
+
+export default {
+  name: "Foo",
+  render() {
+    return h("div", {}, "Foo");
+  },
+
+  setup() {
+    const instance = getCurrentInstance();
+    console.log("Foo", instance);
+  },
+};
diff --git a/example/CurrentInstance/index.html b/example/CurrentInstance/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>CurrentInstance</title>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+  <script src="./main.js" type="module" charset="utf-8"></script>
+</html>
diff --git a/example/CurrentInstance/main.js b/example/CurrentInstance/main.js
@@ -0,0 +1,4 @@
+import { createApp } from "../../lib/m-vue.esm.js";
+import App from "./App.js";
+
+createApp(App).mount(document.getElementById("app"));
