start:vue3

2025-12-16 21:51:59 -05:00 · 2025-10-30 14:35:06 +08:00
parent 2c9ff8d3ea
commit f0ed76db7c
9 changed files with 755 additions and 0 deletions
--- a/vue1.html
+++ b/vue1.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" connect="width=devices-width,initial-scale=1.0" />
+        <title>Vue3 demo</title>
+        <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    </head>
+    <body>
+        <div style="text-align: center" id="app">
+            <h1>{{ count }}</h1>
+            <button v-on:click="clickButton">单击</button>
+        </div>
+    </body>
+    <!--hello-->
+    <script>
+        const App = {
+            data() {
+                return {
+                    count: 0,
+                };
+            },
+            methods: {
+                clickButton() {
+                    this.count = this.count + 1;
+                },
+            },
+        };
+        Vue.createApp(App).mount("#app");
+    </script>
+</html>