新的一天

2025-10-15 17:48:32 +08:00
parent 61ec7c9468
commit 8150aa63d1
8 changed files with 239 additions and 231 deletions
--- a/前端Web基础(JS+Vue+Ajax)/JS-Vue/12.
+++ b/前端Web基础(JS+Vue+Ajax)/JS-Vue/12.
@@ -1,12 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vue-快速入门</title>
 </head>
+
 <body>
+  <div id="app">
+    <h1>{{ msg }}</h1>
+    <h1>{{count}}</h1>
+  </div>

+  <script type="module">
+    import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'

-</body>
-</html>
+    createApp({
+      data() {
+        return {
+          msg: 'Hello Vue!',
+          count:100
+        }
+      }
+    }).mount('#app')
+  </script>
+  <!-- 就是下面这行多余的，需要删除 -->
+</body>