Understanding the Vue.js Lifecycle Hooks — Transcript

Transcript of the free Vue.js lesson Understanding the Vue.js Lifecycle Hookswatch the video lesson.

js Lifecycle Hooks. Στην δοκιμαντικότητα, κάθε Vue Instance χρησιμοποιείται από μια σειρά ειδικασίας ειδικασίας όταν γίνεται. Για παράδειγμα, χρειαζόμαστε να ειδικασίσουμε την data observation, να χρησιμοποιήσουμε το template, να χρησιμοποιήσουμε την Instance στο DOM και να ειδικασίσουμε το DOM όταν η data αλλάζει. js.

Επίσης, ο κομπονέτος του είναι ένα view. Ας παρακολουθήσουμε τα lifecycle hooks. Ο πρώτος hook που θα ειδητοποιείται είναι το beforeCreate. Μετά, ο view δημιουργεί την ειδητοποίηση αυτών των instances και ονομάζει το created hook.

Μετά, ο view κάνει μερικές σχέσεις για να αποφασίσει αν και πώς να βάζει το instance στο DOM. Όταν αυτή η φάση γίνεται, ο view ονομάζει το beforeMountHook και το mountedHook ακόμενως όταν το template γίνεται. Εδώ, στο δεύτερο, βλέπουμε τα πριν σχεδιασμένα και σχεδιασμένα κομμάτια που λειτουργούν όταν η δημιουργία αλλάζει. Μετά, όταν η κομπωνία πρέπει να καταστρέψει, τα πριν σχεδιασμένα και σχεδιασμένα κομμάτια είναι τραγουδάτες.

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

Λοιπόν, αν προσπαθώ να λογώ την καταγωγή «Κομπωνοντή δημιουργία» μαζί με ένα μήνυμα, θα είναι αντιφασμένο. Η επόμενη κομπωνοντή είναι η δημιουργία, η οποία δημιουργήσει πριν η καταγωγή είναι δημιουργημένη, αλλά πριν το τε Η δημιουργή του HOOK είναι μια καλή ώρα για να φύγει ένα εισαγκόλ, οπότε έχει κάποιο χρόνο για να χρειάζεται, πριν το κομπονιστικό είναι βασικό στο χρηματιστικό. Στην επόμενη πράξη, η προηγούμενη HOOK είναι στριγμένη. Μετά που η Virtual Dome ειδητοποιείται, η βιβλία προχωρείται και ειδητοποιείται την realdome.

Πιστεύτε την realdome ως το δοκιμό που οι χρηματοί βλέπουν στο μπροσέ. js για να κάνουμε κομπιτείες και να αποφασίσουμε τι και πότε να εξερευνήσουμε το δημόσιο DOM, πιο γρήγορα από να το εξερευνήσουμε δημόσια. Το κομπιτείο είναι σχετικό με το ready function του jQuery. Εδώ έχουμε επίσης την εξερευνότητα L.

Η εξερευνότητα L εχει ένα DOM element. Μπορούμε να το χρησιμοποιήσουμε για να εξερευνήσουμε τα αντιμετωπίδια του element, όπως το ειδικό τέλος, για παράδειγμα. Αυτοί είναι όλ Τα βάζω και τα δημιουργώ είναι τα οποία εγώ βρίσκομαι χρησιμοποιώντας τις περισσότερες. Υπάρχουν επίσης δύο κομμάτια φυσικά όταν μια εμπορία είναι καταστρέφει.

Ένα εμπορία καταστρέφει όταν είναι καταστρέφει από το δόμο. Όταν γίνετε ένας κομπονέτος χρησιμοποιώντας VE, για παράδειγμα, όταν η κατάσταση δεν βρίσκεται, η κομπονέτη είναι καταστρέφει. Άρα, πριν καταστρέφει την εμπορία, το βιβλίο καταστρέφει το πριν καταστρέφει κομμάτια. Αυτό είναι το καλύτερο μέρος για να το κάνουμε.

Μετά από αυτό, το κομπονείτο είναι καταστρέφειο και οι καταστρέφειο κομπονείτες στραγούνται. Επομένως, εδώ δεν έχουμε εξέκτηση στον L-προσωπικό. Εδώ μπορείτε να κάνετε πράγματα, όπως να δημιουργήσετε μια τρίτη φορά ότι το κομπονείτο είναι καταστρέφειο, αλλά στην περισσότερη χρήση, αυτό το κομπονείτο δεν είναι χρειάζεται. Στη μπροσοκόνσολα, μπορούμε να βλέπουμε όλους τους κομπονείτες καταστρέφοντας ένα με το άλλο.

Για να κατα Είμαστε χρησιμοποιώντας το ViewRouter και, φυσικά, είναι στενά για να καταστρέψει ένας κομπονιστικός κομπονέτος όταν το αναβάζουμε. Όπως είδαμε στον ίδιο διάγραμμα της ζωής, υπάρχουν λίγες περισσότερες κομμάτες που καταστρέψουν όταν ένα ViewInstance είναι ακτηβημένο ή όταν η δημιουργία παρακολουθεί. Οι χρησιμοποιήσεις είναι περισσότερες, αλλά αν χρειάζεται να τις χρησιμοποιήσετε μπορείτε να βρείτε περισσότερες πληροφορίες στην απιόντα της ViewJS. js Lifecycle Hooks.

Στην δοκιμαντικότητα, κάθε Vue Instance χρησιμοποιείται από μια σειρά ειδικασίας ειδικασίας όταν γίνεται. Για παράδειγμα, χρειαζόμαστε να ειδικασίσουμε την data observation, να χρησιμοποιήσουμε το template, να χρησιμοποιήσουμε την Instance στο DOM και να ειδικασίσουμε το DOM όταν η data αλλάζει. js. Επίσης, ο κομπονέτος του είναι ένα view.

Ας παρακολουθήσουμε τα lifecycle hooks. Ο πρώτος hook που θα ειδητοποιείται είναι το beforeCreate. Μετά, ο view δημιουργεί την ειδητοποίηση αυτών των instances και ονομάζει το created hook. Μετά, ο view κάνει μερικές σχέσεις για να αποφασίσει αν και πώς να βάζει το instance στο DOM.

Όταν αυτή η φάση γίνεται, ο view ονομάζει το beforeMountHook και το mountedHook ακόμενως όταν το template γίνεται. Εδώ, στο δεύτερο, βλέπουμε τα πριν σχεδιασμένα και σχεδιασμένα κομμάτια που λειτουργούν όταν η δημιουργία αλλάζει. Μετά, όταν η κομπωνία πρέπει να καταστρέψει, τα πριν σχεδιασμένα και σχεδιασμένα κομμάτια είναι τραγουδάτες. Εντάξει η θεωρία, ας δούμε πώς μπορούμε να χρησιμοποιήσουμε τα κομμάτια στην εργασία μας.

Θα πάω στο κομμάτι «Χομ» και λογώνω ένα μήνυμα στην κομπολίδα πριν να δημιουργήσω την κομπωνία δημιουργήσει πριν η καταγωγή είναι δημιουργημένη. Επομένως, η δημιουργία δεν βρίσκεται τίποτα. Αυτό σημαίνει ότι δεν μπορούμε να εξασφαλίσουμε ή να εξασφαλίσουμε τα δημιουργία. Λοιπόν, αν προσπαθώ να λογώ την καταγωγή «Κομπωνοντή δημιουργία» μαζί με ένα μήνυμα, θα είναι αντιφασμένο.

Η επόμενη κομπωνοντή είναι η δημιουργία, η οποία δημιουργήσει πριν η καταγωγή είναι δημιουργημένη, αλλά πριν το τε Η δημιουργή του HOOK είναι μια καλή ώρα για να φύγει ένα εισαγκόλ, οπότε έχει κάποιο χρόνο για να χρειάζεται, πριν το κομπονιστικό είναι βασικό στο χρηματιστικό. Στην επόμενη πράξη, η προηγούμενη HOOK είναι στριγμένη. Μετά που η Virtual Dome ειδητοποιείται, η βιβλία προχωρείται και ειδητοποιείται την realdome. Πιστεύτε την realdome ως το δοκιμό που οι χρηματοί βλέπουν στο μπροσέ.

js για να κάνουμε κομπιτείες και να αποφασίσουμε τι και πότε να εξερευνήσουμε το δημόσιο DOM, πιο γρήγορα από να το εξερευνήσουμε δημόσια. Το κομπιτείο είναι σχετικό με το ready function του jQuery. Εδώ έχουμε επίσης την εξερευνότητα L. Η εξερευνότητα L εχει ένα DOM element.

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

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

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

Όπως είδαμε στον ίδιο διάγραμμα της ζωής, υπάρχουν λίγες περισσότερες κομμάτες που καταστρέψουν όταν ένα ViewInstance είναι ακτηβημένο ή όταν η δημιουργία παρακολουθεί. Οι χρησιμοποιήσεις είναι περισσότερες, αλλά αν χρειάζεται να τις χρησιμοποιήσετε μπορείτε να βρείτε περισσότερες πληροφορίες στην απιόντα της ViewJS.