You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/create-booking-forms.md
+8-2Lines changed: 8 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -66,7 +66,11 @@ export default {
66
66
67
67
```
68
68
69
-
Here we are simply adding the date of the trip, number of people joining and the email address of the customer.
69
+
🪀 Here we are simply adding the date of the trip, number of people joining and the email address of the customer.
70
+
71
+
🪀 We also have props passed into the component for users personal information.
72
+
73
+
🪀 A watcher allows us run functions based on changes to certain data. With our watcher we are emiting an event so that the root component can store it for us.
70
74
71
75
Next lets add the form to add many customers, create `Customers.vue` file with the following:
72
76
@@ -182,7 +186,9 @@ export default {
182
186
183
187
```
184
188
185
-
Here we are making an array to allow the user to add multplie customers.
189
+
🪀 Here we are making an array to allow the user to add multplie customers with our `addCustomer()` method. We also have a `removeCustomer()` method in case the user wants to remove that user from the array.
190
+
191
+
🪀 The `name()` watcher emits the customer data to the root component.
186
192
187
193
Next we will add the third form in third tab to execute the mutation, create a file called `CheckoutTab.vue`:
0 commit comments