Vuex Map Helpers — Transcript

Transcript of the free Vue.js lesson Vuex Map Helperswatch the video lesson.

Όταν ένας κομπονέτος χρειάζεται να χρησιμοποιήσει πολλές πληροφορικές πληροφορίες ή γκέτερες, να δημιουργήσουμε όλες αυτές τις πληροφορίες μπορεί να γίνουν συνεργασμένοι και βρεμμένοι. Παρακολουθήστε να δείτε τις πληροφορίες της προϊόντας. Χρησιμοποιούμε μόνο δύο πληροφορίες και τα χρησιμοποιούν τόσο πολύ χρήση. Πιστεύτε πόσο αλήθεια αυτό το πληροφορικό θα είναι αν έχουμε 15 γκέτερες ή πληροφορικές πληροφορίες.

Για να συζητήσουμε με αυτή την ισχυή μπο Για να δημιουργήσουμε το VuexMapHelpers, ας δούμε πώς μπορούμε να μαπήσουμε το στήθος. Για να το κάνουμε πρέπει να χρησιμοποιούμε το MAPStateHelper. Πριν χρησιμοποιούμε το MAPState, πρέπει να το εμπορήσουμε από το Vuex. MAPState παρουσιάζει ένα σημαντικό, οπότε αν χρειαζόμαστε την οδηγική λιτότητα για να παρουσιάζουμε μόνο την οδηγική λιτότητα για το στήθος, μπορούμε να το χρησιμοποιούμε σχετικά σε την οδηγική λιτότητα, έτσι.

Ας το κομμενήσουμε για τώρα. MAPState παρουσ Όταν χρησιμοποιήσουμε ένα σχέδιο, τα προϊόνια του κομπονέτου θα έχουν το ίδιο όνομα ως τα προϊόνια του κομπονέτου. Σε αυτό το παράδειγμα, η προϊόνια μας θα έχουν μια προϊόνια της προϊόνιας που θα ειδητοποιήσει όλα τα προϊόνια. Ένα συνολικό χρήμα όταν χρησιμοποιήσουμε μια προϊόνια της προϊόνιας σε μια προϊόνια της προϊόνιας είναι να χρησιμοποιήσουμε ένα διαφορετικό όνομα.

Για αυτό μπορούμε να χρησιμοποιήσουμε ένα σχέδιο. Για παράδειγμα, μπορούμε να χρησιμο Μπορούμε επίσης να χρησιμοποιήσουμε φαντισμούς ως βαλύς, όχι ένας στριγμός. Το κράτος θα περάσει ως το πρώτο αργουμνό του φαντισμού. Χρησιμοποιήσεις ένα φαντισμό είναι πολύ χρήσιμο κάποιες φορές.

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

Όλες καλές μέχρι τώρα, αλλά με τα rest computed properties. Για να κάνουμε αυτό, μπορούμε να χρησιμοποιήσουμε το ES7 Object Spread Operator. Αν δεν είστε γνωσοί με το Object Spread Operator, η δημιουργία του είναι να κάνει εύκολο να δημιουργήσουμε νέα Objects, βασικά από τα υπάρχοντας. Θα σας δείξω ένα εξαιρετικό παράδειγμα για να έχετε μια ιδέα πώς λειτουργεί.

Εδώ έχω δύο Objects, ο άνθρωπος και ο πρόφερος. Θα δημιουργήσω ένα νέο βαριάβλιο, Result, το οποίο θα είναι ένα Object. Σε το Object θα χρησιμοποιήσω ένα Spread Operator, το οποίο είναι τα τρία κομμάτια, και τότε το σημαντικό που θέλουμε να διαδίξουμε, που για τώρα θα είναι το άτομο. Αν το δημιουργήσω, το αποτέλεσμα θα είναι ιδεντικό με το άτομο.

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

Συνεπώς στο mapState, Vuex επίσης υπάρχει ένα mapGettersHelper που μπορούμε να χρησιμοποιήσουμε για να χρησιμοποιήσουμε τα getters. Εντάξει, πρέπει να το αντιμετωπίσουμε για να το χρησιμοποιήσουμε. Ας χρησιμοποιήσουμε το πρωτοπίτες που είναι στο stopGetter. Εδώ μπορούμε να χρησιμοποιήσουμε ένα ρεύμα, επειδή οι οικονομικές πρωτοπίτες είναι οι ίδιοι.

Προσωπικά προσπαθώ να χρησιμοποιήσω ένα πρωτοπ Τώρα, ας εμπλεμαστε τα βοήθεια στο σόπινο κάτω. Πρώτα, αφήσουμε «ΜΑΠΣΤΕΙΤ» και «ΜΑΠΓΕΤΕΡΣ». Εδώ πρέπει να πάμε με ένα σημαντικό αν θέλουμε να κρατήσουμε τα δικασμένα λόγια. Εδώ ονομάζουμε το «ΚΑΡΤ ΠΡΟΔΑΚΤΙ» «ΠΡΟΔΑΚΤΙ» και το «ΚΑΡΤ ΤΟΤΑΛ» «ΚΑΡΤ ΤΟΤΑΛ».

Για το σημαντικό, μόνο χρειάζεται το «� που λειτουργούν όπως οι βασίλειες που είδαμε πριν. Ας δούμε πώς θα λειτουργούν αυτά στον πρότυπο της πρότυπος. Πρώτα, πρέπει να αντιμετωπίσουμε τον βασίλειο. Μετά, μέσα στην εξοπλισμή των μεθόδων, μπορούμε να χρησιμοποιήσουμε το mapActions, μαζί με το spreadOperator, για να το μεταλλεύουμε με το localMethods.

Το mapActions βασίλειο θα μεταλλεύει localMethods για να χρησιμοποιήσει το dispatch. Για παράδειγμα, αν χρησιμοποιούμε το fetchProductsAction, θα μπορούμε να το dispatch χρησιμοποιώντας αυτά τα Εδώ χρησιμοποιούμε το FetchProductsAction μέσα στο CreatedHook. fetchProducts. Ας κάνουμε το ίδιο για το AddProductToCartAction.

Αυτή τη στιγμή δεν χρειαζόμαστε να αλλάξουμε τίποτα στο τεμπλετ, επειδή χρησιμοποιήσαμε να έχουμε ένα μέθοδο για αυτό. Υπάρχει καλό. Ας το δημιουργήσουμε στο μπροζιό. Όλα δουλεύουν καλά.

Ας χρησιμοποιήσουμε αυτό το νέο βιβλίο στο shopping cart. Για να ξεκινήσουμε, θα χρησιμοποιήσουμε το mapActions βιβλίο. Θα χρησιμοποιήσω για να μπαυρήσουμε το Checkout. Παρακολουθήστε ότι μπορούμε πάντα να περάσουμε ένα σχέδιο ή ένα σχέδιο.

Εντάξει, στο τεμπλέτι μας μπορούμε να χρησιμοποιήσουμε «Store Dispatch Checkout» με «Just Checkout». Ας δημιουργήσουμε την εργασία μας στο μπροζόρυο για να προσπαθήσουμε ότι δεν παίρνουμε τίποτα. Θα κάνουμε το Refresh, προσπαθήσουμε κάποια πράγματα στην καρδιά, Checkout και όλα λοιπόν δημιουργούνται. Παρακολουθήστε ότι όλες αυτές οι βοήθειες υπάρχουν για να προσπαθούν ένα πιο ευκαιριακό τρό Είναι τελείως καλό.

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

Παρακολουθήστε να δείτε τις πληροφορίες της προϊόντας. Χρησιμοποιούμε μόνο δύο πληροφορίες και τα χρησιμοποιούν τόσο πολύ χρήση. Πιστεύτε πόσο αλήθεια αυτό το πληροφορικό θα είναι αν έχουμε 15 γκέτερες ή πληροφορικές πληροφορίες. Για να συζητήσουμε με αυτή την ισχυή μπο Για να δημιουργήσουμε το VuexMapHelpers, ας δούμε πώς μπορούμε να μαπήσουμε το στήθος.

Για να το κάνουμε πρέπει να χρησιμοποιούμε το MAPStateHelper. Πριν χρησιμοποιούμε το MAPState, πρέπει να το εμπορήσουμε από το Vuex. MAPState παρουσιάζει ένα σημαντικό, οπότε αν χρειαζόμαστε την οδηγική λιτότητα για να παρουσιάζουμε μόνο την οδηγική λιτότητα για το στήθος, μπορούμε να το χρησιμοποιούμε σχετικά σε την οδηγική λιτότητα, έτσι. Ας το κομμενήσουμε για τώρα.

MAPState παρουσ Όταν χρησιμοποιήσουμε ένα σχέδιο, τα προϊόνια του κομπονέτου θα έχουν το ίδιο όνομα ως τα προϊόνια του κομπονέτου. Σε αυτό το παράδειγμα, η προϊόνια μας θα έχουν μια προϊόνια της προϊόνιας που θα ειδητοποιήσει όλα τα προϊόνια. Ένα συνολικό χρήμα όταν χρησιμοποιήσουμε μια προϊόνια της προϊόνιας σε μια προϊόνια της προϊόνιας είναι να χρησιμοποιήσουμε ένα διαφορετικό όνομα. Για αυτό μπορούμε να χρησιμοποιήσουμε ένα σχέδιο.

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

Αν χρειαστείτε εδώ ότι αν χρειαστείτε να χρησιμοποιήσετε δημόσια δημόσια, χρησιμοποιώντας αυτό, πρέπει να χρησιμοποιήσετε ένα φαντισμό κανονικό, όχι ένα λεπ Η κομπιτερική προϊόντα θα είναι ένα σημαντικό προϊόντα και θα είναι ένας εργασίας που θα δημιουργήσει το σημαντικό ως το πρώτο αργουμαντικό. Και μέσα θα μπορούμε να βρουμε το σημαντικό προϊόντα υπό το σημαντικό προϊόντα, με τη διαδικασία του προϊόντα, χρησιμοποιώντας αυτό το σημαντικό προϊόντα. Θα αφήσω το κόμμα που δεν χρειαζόμαστε και επίσης θα αναβάζουμε όλες τις προϊόντες προϊόντες πάνω σε προϊόντες. Όλες καλές μέχρι τώρα, αλλά με τα rest computed properties.

Για να κάνουμε αυτό, μπορούμε να χρησιμοποιήσουμε το ES7 Object Spread Operator. Αν δεν είστε γνωσοί με το Object Spread Operator, η δημιουργία του είναι να κάνει εύκολο να δημιουργήσουμε νέα Objects, βασικά από τα υπάρχοντας. Θα σας δείξω ένα εξαιρετικό παράδειγμα για να έχετε μια ιδέα πώς λειτουργεί. Εδώ έχω δύο Objects, ο άνθρωπος και ο πρόφερος.

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

Εν τέλος, αν δημιουργήσουμε αυτό και δημιουργήσουμε μια προφητεία του δοξού, η αποφασία θα εξοπλήσει τις προϊόντες της άνθρωπος, η οποία είναι το πρώτο όνομα Montgomery, τις προϊόντες του προφητείου, η οποία είναι το πρώτο όνομα Montgomery και την προϊόντα, η οποία είναι η προϊόντα που δημιουργήσαμε. Μπορούμε επίσης να προσπαθήσουμε την αποφασία και να προσπαθήσουμε μια νέα προϊόντα. Ας πάμε στο πρότυπο μας Επειδή δημιουργούμε πρωτοπίτες μέσω του mapState, δεν χρειαζόμαστε το πρωτοπίτες πρωτοπίτες. Συνεπώς στο mapState, Vuex επίσης υπάρχει ένα mapGettersHelper που μπορούμε να χρησιμοποιήσουμε για να χρησιμοποιήσουμε τα getters.

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

Πρώτα, αφήσουμε «ΜΑΠΣΤΕΙΤ» και «ΜΑΠΓΕΤΕΡΣ». Εδώ πρέπει να πάμε με ένα σημαντικό αν θέλουμε να κρατήσουμε τα δικασμένα λόγια. Εδώ ονομάζουμε το «ΚΑΡΤ ΠΡΟΔΑΚΤΙ» «ΠΡΟΔΑΚΤΙ» και το «ΚΑΡΤ ΤΟΤΑΛ» «ΚΑΡΤ ΤΟΤΑΛ». Για το σημαντικό, μόνο χρειάζεται το «� που λειτουργούν όπως οι βασίλειες που είδαμε πριν.

Ας δούμε πώς θα λειτουργούν αυτά στον πρότυπο της πρότυπος. Πρώτα, πρέπει να αντιμετωπίσουμε τον βασίλειο. Μετά, μέσα στην εξοπλισμή των μεθόδων, μπορούμε να χρησιμοποιήσουμε το mapActions, μαζί με το spreadOperator, για να το μεταλλεύουμε με το localMethods. Το mapActions βασίλειο θα μεταλλεύει localMethods για να χρησιμοποιήσει το dispatch.

Για παράδειγμα, αν χρησιμοποιούμε το fetchProductsAction, θα μπορούμε να το dispatch χρησιμοποιώντας αυτά τα Εδώ χρησιμοποιούμε το FetchProductsAction μέσα στο CreatedHook. fetchProducts. Ας κάνουμε το ίδιο για το AddProductToCartAction. Αυτή τη στιγμή δεν χρειαζόμαστε να αλλάξουμε τίποτα στο τεμπλετ, επειδή χρησιμοποιήσαμε να έχουμε ένα μέθοδο για αυτό.

Υπάρχει καλό. Ας το δημιουργήσουμε στο μπροζιό. Όλα δουλεύουν καλά. Ας χρησιμοποιήσουμε αυτό το νέο βιβλίο στο shopping cart.

Για να ξεκινήσουμε, θα χρησιμοποιήσουμε το mapActions βιβλίο. Θα χρησιμοποιήσω για να μπαυρήσουμε το Checkout. Παρακολουθήστε ότι μπορούμε πάντα να περάσουμε ένα σχέδιο ή ένα σχέδιο. Εντάξει, στο τεμπλέτι μας μπορούμε να χρησιμοποιήσουμε «Store Dispatch Checkout» με «Just Checkout».

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

Μπορείτε να κομμίνετε τους σε κάποιον τρόπο που θέλετε. Για παράδειγμα, μπορείτε να μαπείτε το στήτημα, αλλά να δημιουργήσετε τις διεργασίες σας χρησιμοποιώντας τις διεργασίες.