]> insang Git - back_nicezip_fastapi.git/commitdiff
vue 적용
authornewton-cn <insang@kakao.com>
Tue, 23 Apr 2024 08:16:16 +0000 (17:16 +0900)
committernewton-cn <insang@kakao.com>
Tue, 23 Apr 2024 08:16:16 +0000 (17:16 +0900)
templates/main/index.html

index b32ae85ebf3bdbfed33a2eb0b6f3933aa0571ba6..50c8478dabdebbaf0fc598a99ff954d2e71d08d3 100644 (file)
@@ -1,10 +1,18 @@
 <html>
   <head>
-    <script src="/static/js/example.js"></script>
-    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
   </head>
   <body>
-    hi
-    {{param}}
+    <div id="app">
+      {{ message }}
+    </div>
+    <script>
+      var app = new Vue({
+        el: '#app',
+        data: {
+          message: '안녕하세요 Vue!'
+        }
+      })
+    </script>
   </body>
 </html>