From the course: Vue.js 3 Essential Training

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Programming a checkout page

Programming a checkout page

- [Instructor] Let's go ahead and take care of our checkout page. So we are going to pass the cart total to checkout from the app.vue file and we're going to receive that as well as the cart using props into the checkout page. And then we're going to loop through the items in the cart. And finally, we'll use that information to display the price, the total and everything else on our page. So, here is the beginning, the end and the difference that you can go check out. Remember if you have this slide you can also click on these buttons, and let's take a look at our codes. So on our page right now, when you add items, add a few, you'll get this dropdown, and this has a link to the checkout page which right now just has placeholders for all these items. So in order to make that all work we're going to start in the app.vue file which is always our beginning page. And in here, we're going to need to pass to the router view,…

Contents