Finish work on Vue Ajax

2021-12-13 15:15:05 -05:00
parent 4bf6e77058
commit 489362c6ab
10 changed files with 473 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Vue Mastery</title>
+    <!-- Import Styles -->
+    <link rel="stylesheet" href="./assets/styles.css" />
+    <!-- Import Vue.js and Axios -->
+    <script src="https://unpkg.com/vue@3.0.0-beta.12/dist/vue.global.js"></script>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+  </head>
+  <body>
+    <!-- Import App and Components -->
+    <script src="./main.js"></script>
+    <script src="components/ProductDisplay.js"> </script>
+    <script src="components/ReviewForm.js"></script>
+    <script src="components/ReviewList.js"></script>
+
+    <div id="app">
+      <div class="cart">
+        Cart({{ cart }})
+      </div>
+      </br> </br> </br> </br> </br>
+
+      <product-display
+              brand="Brand-A"
+              @add-to-cart="addToCart" @remove-from-cart="removeFromCart">
+      </product-display>
+    </div>
+    <!-- Import Js -->
+    <script src="./main.js"></script>
+    <script>
+      const mountedApp = app.mount('#app')
+    </script>
+  </body>
+</html>