devtools

2395667a · Jeff Fox · fcbfd562 · 2395667a
隐藏空白更改
内联并排

Showing with 34 addition and 0 deletion

vue3example/Chapter01/devtools/index.html vue3example/Chapter01/devtools/index.html +34 -0

未找到文件。
--- a/vue3example/Chapter01/devtools/index.html
+++ b/vue3example/Chapter01/devtools/index.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Vue App</title>
+    <script src="https://unpkg.com/vue@next"></script>
+  </head>
+  <body>
+
+    <div id="app">
+      <foo></foo>
+    </div>
+
+    <script>
+      const App = {
+        data() {
+          return {};
+        },
+      };
+      const app = Vue.createApp(App);
+
+      app.component("foo", {
+        data() {
+          return {
+            message: "I am foo.",
+          };
+        },
+        name: "foo",
+        template: `<p>{{message}}</p>`,
+      });
+      app.mount("#app");
+    </script>
+    
+  </body>
+</html>