Utilising the Vuex Store
Another great feature of Nuxt.js is that it supports Vuex out of the box. In this lesson, we're learning what we need to know to work with Vuex and Nuxt.
You can safely skip this lesson if you do not want to use Vuex in your Nuxt.js applications
We will not cover what Vuex is in this lesson. Check out our Vuex for Everyone course if you want to learn Vuex.
LESSON TRANSCRIPT
Οι επόμενες προϊόνες βρίσκονται με βιουέξ απο το κομμάτι. Φυσικά, δεν είναι σημαντικό να χρησιμοποιήσετε βιουέξ στη δουλειά σας αν δεν θέλετε να το χρησιμοποιήσετε. Σε αυτό το βίντεο δεν θα παρακολουθήσουμε τι είναι βιουέξ και πώς να το χρησιμοποιήσετε. Αν θέλετε να το μαθαίνετε, παρακολουθήστε το βιουέξ μας, το οποίο είναι ελεύθερο.
Αυτό που είπα, ελεύθερε να μπείτε στον επόμενο μάθημα εάν δεν είστε ενδιαφέροντος στην εφαρμογή του βιουέξ. Εντάξ Η κλασική μότητα είναι ένας κλασικός κομμάτων που περιορίζει όλα. Η μότητα των μοτοσυκλέτων, όπως το όνομα της, δείχνει να δουλεύουμε με μοτοσυκλέτες Vuex. Το όμορφο στον επόμενο είναι ότι ό,τι χρειάζεται για να ξεκινήσουμε με Vuex είναι να δημιουργήσουμε ένα φιλό στο κλασικό κυβέρνημα, για την κλασική μότητα.
Αφήντε ότι είναι πάντα σημαντικό να χρησιμοποιήσουμε μοτοσυκλέτες Vuex για υποστηρία. js φιλο Στην επόμενη θα περάσουμε αυτοί οι φιλίδες και θα αυτομαγικά δημιουργήσουμε την πλουσιακή μας κομμάτια που θα έρθει έτσι. Ας κάνουμε αυτό. Θα ξεκινήσω με την δημιουργία του φιλίδου.
Ένας διαφορετικός από να χρησιμοποιήσουμε Vuex κανονικά είναι ότι πρέπει να εξοπλήσουμε κάθε ασσέντρα όχι μια κομμάτια κομμάτια. Επομένως, αν χρειαζόμαστε κάποιο κομμάτι και γκέτερ, θα εξοπλήσουμε αυτές τις δύο κομμάτια. Το ίδιο για τις αξίες και τις μεταλλ Θα αφήσω το κράτος GlobalState εμπτύ και θα δημιουργήσω ένα Posts Μότσουλ για να χρησιμοποιήσουμε τα Posts που χρησιμοποιήσαμε στην πόρτα μας. Εδώ, το όνομα του φιλίου είναι το όνομα του Μότσουλ.
Όπως μόλις μάθαμε, θα δημιουργήσω την κράτος Function που θα επιστρέψει το κράτος Object. Θα προσπαθήσω το Property All και θα δημιουργήσω το Posts Array εδώ. Ωραίο! Για το ειδικό μας παράδειγμα, δεν χρειαζόμαστε Getters, Mutations ή Actions.
Μπορούμε να χρησιμοποιούμε και να χρησιμοποιήσουμε το ViewXStore που Μπορείτε να κατασκευάσετε τα Vue DevTools. Δεν έχετε κατασκευάσει η Vuex Store. Αυτό γιατί πρέπει να ξεκινήσουμε το βιωτικό σερβί μας, ώστε να οδηγήσει η Vuex. Τώρα μπορούμε να βλέπουμε το Posts Array, που ζει σε το All Property, υπό το Posts module.
Ωραίο! Ας χρησιμοποιήσουμε τα Posts που έρχονται από την Store στον κομπονιστικό μας. Posts. Τώρα πρέπει να χρησιμοποιήσουμε την Store.
Η Naxx έχει αυτοματικά δημιουργήσει την Store σε όλα τα κομπονιστ Επομένως, μπορούμε να χρησιμοποιήσουμε αυτό το dollarstore, τότε να αναβάζουμε στο κράτος, τότε το post module και να χρησιμοποιήσουμε όλα τα posts που ζουν σε το all property. Καλό! Ας κάνουμε το ίδιο για τα recommended posts. Εντάξει εδώ ότι δεν υπάρχει διαφορετικό πώς χρησιμοποιήσετε Vuex σε την εφαρμογή σας.
Επομένως, μπορείτε να χρησιμοποιήσετε τα δεξιότητα σας και να εξετήσετε τα getters, όπως χρησιμοποιήσετε να κάνετε. Επίσης στο μπροσό, η εφαρμογή μας λειτουργεί, αυτή την ώρα, χρησιμοποιώντας την Vuex store Τώρα που μπορούμε να εξετήσουμε τις σχέσεις Global Linear Application, αφήσουμε ένα σχέσιο για κάθε ένα στο home page. Θα ξεκινήσω με την ανάπτυξη της οικογένειας που θα παρακολουθήσει τις σχέσεις από την αγορά. Εντάξει, και τώρα θα αφήσω τις σχέσεις και θα δημιουργήσω επόμενες σχέσεις.
Οι δύο χρειάζονται το όνομα της ρουτς και το ID στις παραμετές. Θα εξετήσω το σχέσιο για το ID στις σχέσεις και θα κρατήσω αυτό το σκέσιο gray. Τελικά θα δημιουργήσω τις σχέσεις Μπορούμε να αναβάζουμε σε όλες τις πόρτες. Οι επόμενες προϊόνες βρίσκονται με βιουέξ απο το κομμάτι.
Φυσικά, δεν είναι σημαντικό να χρησιμοποιήσετε βιουέξ στη δουλειά σας αν δεν θέλετε να το χρησιμοποιήσετε. Σε αυτό το βίντεο δεν θα παρακολουθήσουμε τι είναι βιουέξ και πώς να το χρησιμοποιήσετε. Αν θέλετε να το μαθαίνετε, παρακολουθήστε το βιουέξ μας, το οποίο είναι ελεύθερο. Αυτό που είπα, ελεύθερε να μπείτε στον επόμενο μάθημα εάν δεν είστε ενδιαφέροντος στην εφαρμογή του βιουέξ.
Εντάξ Η κλασική μότητα είναι ένας κλασικός κομμάτων που περιορίζει όλα. Η μότητα των μοτοσυκλέτων, όπως το όνομα της, δείχνει να δουλεύουμε με μοτοσυκλέτες Vuex. Το όμορφο στον επόμενο είναι ότι ό,τι χρειάζεται για να ξεκινήσουμε με Vuex είναι να δημιουργήσουμε ένα φιλό στο κλασικό κυβέρνημα, για την κλασική μότητα. Αφήντε ότι είναι πάντα σημαντικό να χρησιμοποιήσουμε μοτοσυκλέτες Vuex για υποστηρία.
js φιλο Στην επόμενη θα περάσουμε αυτοί οι φιλίδες και θα αυτομαγικά δημιουργήσουμε την πλουσιακή μας κομμάτια που θα έρθει έτσι. Ας κάνουμε αυτό. Θα ξεκινήσω με την δημιουργία του φιλίδου. Ένας διαφορετικός από να χρησιμοποιήσουμε Vuex κανονικά είναι ότι πρέπει να εξοπλήσουμε κάθε ασσέντρα όχι μια κομμάτια κομμάτια.
Επομένως, αν χρειαζόμαστε κάποιο κομμάτι και γκέτερ, θα εξοπλήσουμε αυτές τις δύο κομμάτια. Το ίδιο για τις αξίες και τις μεταλλ Θα αφήσω το κράτος GlobalState εμπτύ και θα δημιουργήσω ένα Posts Μότσουλ για να χρησιμοποιήσουμε τα Posts που χρησιμοποιήσαμε στην πόρτα μας. Εδώ, το όνομα του φιλίου είναι το όνομα του Μότσουλ. Όπως μόλις μάθαμε, θα δημιουργήσω την κράτος Function που θα επιστρέψει το κράτος Object.
Θα προσπαθήσω το Property All και θα δημιουργήσω το Posts Array εδώ. Ωραίο! Για το ειδικό μας παράδειγμα, δεν χρειαζόμαστε Getters, Mutations ή Actions. Μπορούμε να χρησιμοποιούμε και να χρησιμοποιήσουμε το ViewXStore που Μπορείτε να κατασκευάσετε τα Vue DevTools.
Δεν έχετε κατασκευάσει η Vuex Store. Αυτό γιατί πρέπει να ξεκινήσουμε το βιωτικό σερβί μας, ώστε να οδηγήσει η Vuex. Τώρα μπορούμε να βλέπουμε το Posts Array, που ζει σε το All Property, υπό το Posts module. Ωραίο!
Ας χρησιμοποιήσουμε τα Posts που έρχονται από την Store στον κομπονιστικό μας. Posts. Τώρα πρέπει να χρησιμοποιήσουμε την Store. Η Naxx έχει αυτοματικά δημιουργήσει την Store σε όλα τα κομπονιστ Επομένως, μπορούμε να χρησιμοποιήσουμε αυτό το dollarstore, τότε να αναβάζουμε στο κράτος, τότε το post module και να χρησιμοποιήσουμε όλα τα posts που ζουν σε το all property.
Καλό! Ας κάνουμε το ίδιο για τα recommended posts. Εντάξει εδώ ότι δεν υπάρχει διαφορετικό πώς χρησιμοποιήσετε Vuex σε την εφαρμογή σας. Επομένως, μπορείτε να χρησιμοποιήσετε τα δεξιότητα σας και να εξετήσετε τα getters, όπως χρησιμοποιήσετε να κάνετε.
Επίσης στο μπροσό, η εφαρμογή μας λειτουργεί, αυτή την ώρα, χρησιμοποιώντας την Vuex store Τώρα που μπορούμε να εξετήσουμε τις σχέσεις Global Linear Application, αφήσουμε ένα σχέσιο για κάθε ένα στο home page. Θα ξεκινήσω με την ανάπτυξη της οικογένειας που θα παρακολουθήσει τις σχέσεις από την αγορά. Εντάξει, και τώρα θα αφήσω τις σχέσεις και θα δημιουργήσω επόμενες σχέσεις. Οι δύο χρειάζονται το όνομα της ρουτς και το ID στις παραμετές.
Θα εξετήσω το σχέσιο για το ID στις σχέσεις και θα κρατήσω αυτό το σκέσιο gray. Τελικά θα δημιουργήσω τις σχέσεις Μπορούμε να αναβάζουμε σε όλες τις πόρτες.
This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.
