Add products to the cart — Transcript

Transcript of the free Vue.js lesson Add products to the cartwatch the video lesson.

Τώρα που έχουμε ένα θεωρετικό παράδειγμα του UX, είναι η ώρα να εμπλεμείνουμε αυτό που έχουμε μάθει. Ας ξεκινήσουμε σπίτι μέσα σε αυτό, παρακολουθώντας ένα σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαν αλλά πιο δυσκριπτή θα είσαι, πιο εύκολο θα είναι να καταλάβουμε τι κάνει η αξιόν ή η μυτασία, μόνο να δούμε το όνομα της. Αν πάμε με μια αξιόν, για παράδειγμα, και αργά θέλουμε να προσθέσουμε άλλες πράγματα, όπως κουμπών, στον καρτ, θα πρέπει να το αναβάσουμε. Επομένως, θα ονομάζω την αξιόν μου Add Product to Cart και θα δημιουργήσει το πρότακτο ως το παίλαιο.

Παρακολουθήστε, η αξιόν είναι σχετική για τη λογική για όταν η μυτασία πρέπει να φύγει, ενώ η Σε αυτό το σχέδιο, θέλουμε να εξηγηθούμε αν το πρότυπο υπάρχει ήδη στην καρτή και να το καταστρέψουμε στην καρτή ή να δημιουργήσουμε την αντιμετωπιστή. Η αντιμετωπιστή είναι το μεγάλο από τα πράγματα από το πρότυπο που υπάρχει στην καρτή. Για παράδειγμα, ένας χρησιμοποιός μπορεί να αγοράει τρία πράγματα από ένα σχετικό τσίσσερ. Εδώ θέλουμε να παρακολουθήσουμε μόνο αν το πρότυπο υπάρχει στο κομμάτι.

Ας ξεκινήσουμε με αυτό το εξήγημα, αφού το πρότυπο παρακολ και βρίσκοντας στο κράτος χρησιμοποιώντας το method javascriptFind. Εδώ θέλουμε να βρουμε το ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του δηλαδή να κατασκευάσουμε το προβλήμα του προβλήματος για να προσπαθήσουμε ότι ο χρησιμοποιός δεν μπορεί να αγοράσει περισσότερα προβλήματα από τα οποία έχουμε. Για αυτό μπορούμε να δημιουργήσουμε μια προβλήματος προβλήματος προβλήματος μεταξύ και να περάσουμε την προβλήματος έρχοντας. Επομένως, κάθε φορά που ένα προβλήμα είναι προβλήματος, κατασκευάζουμε το προβλήματος προβλήματος με ένα.

Τώρα που έχουμε κατασκευάζει τη λογική της προβλήματος προβλήματος, είναι η ώρα να δημ Δεν πρέπει πραγματικά να γνωρίζουμε το κόδιο πίσω από κάθε μεταλλότητα, επειδή κάθε ένα έχει μια μοναδική ευκαιρία για να αλλάξει το στήτημα. Ας ξεκινήσουμε με τη δημιουργία της PushProductToCart μεταλλότητας. Εδώ καταλαβαίνουμε το ProductID στο παίλαιο, ώστε να μπορούμε να προσθέσουμε ένα αντικείμενο σε το CartArray και να καταστρέψουμε την αντικείμενη σε 1. Αν χρειαζόμαστε να προσθέσουμε περισσότερες παράμετρες, μπορούμε να χρησιμοποιήσουμε ένα αντικείμενο.

Για παράδειγμα, αν ένα ActionPass είναι ένα CartItem με Στην επόμενη αντιμετωπιστή αντιμετωπιστή, βρίσκουμε το κράτος και το πραγματικό αντιμετωπιστή. Επομένως, εδώ μπορούμε να δημιουργήσουμε την αντιμετωπιστή από ένα. Δεν είναι τόσο καλό. Το ίδιο προσπαθεί για την αντιμετωπιστή αντιμετωπιστή.

Βρίσκουμε την αντιμετωπιστή και όλα που πρέπει να κάνουμε είναι να κατευθύνουμε την αντιμετωπιστή αντιμετωπιστή από ένα. Μπορείτε να πιστεύετε ότι θα είναι καλύτερα να αλλάξετε την αντιμετωπιστή πραγματικά μέσα Αν δεν χρησιμοποιήσαμε τις μυτασίες, θα χάσουμε το πρόβλημα της τράκησης των στήτων. Θα σας δείξω πραγματικά τι σημαίνει αυτό. Αυτό θα πρέπει να γίνει αρκετό για τώρα.

Μπορούμε να δημιουργήσουμε το AddProductToCartAction στο ProductListComponent. Θα δημιουργήσω ένα μέθοδ, AddProductToCart, και μετά θα δημιουργήσω το AddProductToCartAction και θα το δημιουργήσω στο Product. Για να δημιουργήσουμε το μέθοδ, μπορούμε να δημιουργήσουμε ένα AddToCart BUTTON σε κάθε λίστο. Όταν το BUTTON είναι κλικ και περάσουμε το προϊόντο.

Τώρα που έχουμε ένα θεωρετικό παράδειγμα του UX, είναι η ώρα να εμπλεμείνουμε αυτό που έχουμε μάθει. Ας ξεκινήσουμε σπίτι μέσα σε αυτό, παρακολουθώντας ένα σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαντικό σημαν αλλά πιο δυσκριπτή θα είσαι, πιο εύκολο θα είναι να καταλάβουμε τι κάνει η αξιόν ή η μυτασία, μόνο να δούμε το όνομα της. Αν πάμε με μια αξιόν, για παράδειγμα, και αργά θέλουμε να προσθέσουμε άλλες πράγματα, όπως κουμπών, στον καρτ, θα πρέπει να το αναβάσουμε. Επομένως, θα ονομάζω την αξιόν μου Add Product to Cart και θα δημιουργήσει το πρότακτο ως το παίλαιο.

Παρακολουθήστε, η αξιόν είναι σχετική για τη λογική για όταν η μυτασία πρέπει να φύγει, ενώ η Σε αυτό το σχέδιο, θέλουμε να εξηγηθούμε αν το πρότυπο υπάρχει ήδη στην καρτή και να το καταστρέψουμε στην καρτή ή να δημιουργήσουμε την αντιμετωπιστή. Η αντιμετωπιστή είναι το μεγάλο από τα πράγματα από το πρότυπο που υπάρχει στην καρτή. Για παράδειγμα, ένας χρησιμοποιός μπορεί να αγοράει τρία πράγματα από ένα σχετικό τσίσσερ. Εδώ θέλουμε να παρακολουθήσουμε μόνο αν το πρότυπο υπάρχει στο κομμάτι.

Ας ξεκινήσουμε με αυτό το εξήγημα, αφού το πρότυπο παρακολ και βρίσκοντας στο κράτος χρησιμοποιώντας το method javascriptFind. Εδώ θέλουμε να βρουμε το ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του ειδικό του δηλαδή να κατασκευάσουμε το προβλήμα του προβλήματος για να προσπαθήσουμε ότι ο χρησιμοποιός δεν μπορεί να αγοράσει περισσότερα προβλήματα από τα οποία έχουμε. Για αυτό μπορούμε να δημιουργήσουμε μια προβλήματος προβλήματος προβλήματος μεταξύ και να περάσουμε την προβλήματος έρχοντας. Επομένως, κάθε φορά που ένα προβλήμα είναι προβλήματος, κατασκευάζουμε το προβλήματος προβλήματος με ένα.

Τώρα που έχουμε κατασκευάζει τη λογική της προβλήματος προβλήματος, είναι η ώρα να δημ Δεν πρέπει πραγματικά να γνωρίζουμε το κόδιο πίσω από κάθε μεταλλότητα, επειδή κάθε ένα έχει μια μοναδική ευκαιρία για να αλλάξει το στήτημα. Ας ξεκινήσουμε με τη δημιουργία της PushProductToCart μεταλλότητας. Εδώ καταλαβαίνουμε το ProductID στο παίλαιο, ώστε να μπορούμε να προσθέσουμε ένα αντικείμενο σε το CartArray και να καταστρέψουμε την αντικείμενη σε 1. Αν χρειαζόμαστε να προσθέσουμε περισσότερες παράμετρες, μπορούμε να χρησιμοποιήσουμε ένα αντικείμενο.

Για παράδειγμα, αν ένα ActionPass είναι ένα CartItem με Στην επόμενη αντιμετωπιστή αντιμετωπιστή, βρίσκουμε το κράτος και το πραγματικό αντιμετωπιστή. Επομένως, εδώ μπορούμε να δημιουργήσουμε την αντιμετωπιστή από ένα. Δεν είναι τόσο καλό. Το ίδιο προσπαθεί για την αντιμετωπιστή αντιμετωπιστή.

Βρίσκουμε την αντιμετωπιστή και όλα που πρέπει να κάνουμε είναι να κατευθύνουμε την αντιμετωπιστή αντιμετωπιστή από ένα. Μπορείτε να πιστεύετε ότι θα είναι καλύτερα να αλλάξετε την αντιμετωπιστή πραγματικά μέσα Αν δεν χρησιμοποιήσαμε τις μυτασίες, θα χάσουμε το πρόβλημα της τράκησης των στήτων. Θα σας δείξω πραγματικά τι σημαίνει αυτό. Αυτό θα πρέπει να γίνει αρκετό για τώρα.

Μπορούμε να δημιουργήσουμε το AddProductToCartAction στο ProductListComponent. Θα δημιουργήσω ένα μέθοδ, AddProductToCart, και μετά θα δημιουργήσω το AddProductToCartAction και θα το δημιουργήσω στο Product. Για να δημιουργήσουμε το μέθοδ, μπορούμε να δημιουργήσουμε ένα AddToCart BUTTON σε κάθε λίστο. Όταν το BUTTON είναι κλικ και περάσουμε το προϊόντο.