实现编译 template 成 render 函数

daoyking · Jun 28, 2022 · 6fb5575 · 6fb5575
1 parent c13829e
commit 6fb5575
Show file tree

Hide file tree

Showing 14 changed files with 1,098 additions and 16 deletions.
diff --git a/example/CompilerBase/App.js b/example/CompilerBase/App.js
@@ -0,0 +1,13 @@
+import { ref } from "../../lib/guide-mini-vue.esm.js";
+
+export const App = {
+  name: "App",
+  template: `<div>hi,{{count}}</div>`,
+  setup() {
+    const count = (window.count = ref(1));
+    return {
+      count,
+      message: 'mini-vue'
+    };
+  },
+};
diff --git a/example/CompilerBase/index.html b/example/CompilerBase/index.html
@@ -0,0 +1,25 @@
+<!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>
+  <style>
+    .red {
+      color: red;
+    }
+
+    .blue {
+      color: blue;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="main.js" type="module"></script>
+</body>
+
+</html>
diff --git a/example/CompilerBase/main.js b/example/CompilerBase/main.js
@@ -0,0 +1,5 @@
+import { createApp } from "../../lib/guide-mini-vue.esm.js";
+import { App } from "./App.js";
+
+const rootContainer = document.querySelector("#app");
+createApp(App).mount(rootContainer);