test: 测试teleport组件

coderwei99 · coderwei99 · commit 5e71ec5f7eae · 2023-05-05T00:21:57.000+08:00
diff --git a/packages/vue/example/teleport/App.js b/packages/vue/example/teleport/App.js
@@ -0,0 +1,14 @@
+import { h, Teleport } from '../../lib/vue3.esm.js'
+
+export default {
+  name: 'App',
+  setup() {},
+  render() {
+    const Tele = h(
+      Teleport,
+      { to: 'body' },
+      h('div', { id: 'tem', style: { color: 'red' } }, 'teleport is here')
+    )
+    return h('div', { id: 'demo' }, [h('div', 'i an in demo container'), Tele])
+  }
+}
diff --git a/packages/vue/example/teleport/index.html b/packages/vue/example/teleport/index.html
@@ -0,0 +1,24 @@
+<!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>Document</title>
+</head>
+
+<div id="app"></div>
+
+<body>
+  <script type="module">
+
+    import {createApp} from "../../lib/vue3.esm.js";
+    import App from "./App.js";
+
+    const rootContainer = document.querySelector("#app");
+    createApp(App).mount(rootContainer);
+  </script>
+</body>
+
+</html>
