Introduction to Single File Components — Transcript

Transcript of the free Vue.js lesson Introduction to Single File Componentswatch the video lesson.

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

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

Δεν υπάρχει κοινωνική σημαντικότητα, το οποίο σημαίνει ότι καθώς η HTML και το JavaScript είναι μοτζουαρισμένα σε κομπον καθόλου να χρησιμοποιήσουμε το HTML και το JS5, καθόλου να χρησιμοποιήσουμε προστασίες, όπως το Pug και το Babel. Επομένως, δεν μπορούμε να χρησιμοποιήσουμε την προστασία του modernJS. vue extension. Αυτό είναι δημιουργημένο με δημιουργικές εργασίες, όπως Webpack και Browserify.

view. Αυτό το φιλοκοπικό έχει τρεις κομμάτια. Το template, το script και το style. Το template είναι όπου βρίσκεται το markup του κομπονίτου.

Στο script, το φιλοκοπικό εξοπλείται ένα σημαντικό, που είναι το εξοπλικό σημαντικό του κομπονίτου Hello. Στο style, υπάρχουν όλα τα CSS ρούλια που είναι σχετικά με το styling του κομπονίτου. Κοιτάξτε πόσο καλύτερα μπορούμε να διαβάσουμε και να εξοπλήσουμε όλα τα σημαντικά του κομπονίτου σε ένα μόνο φιλοκοπικό. Ωστόσο, δεν χρειάζεται να έχετε δύο ή τρεις φυλές ανοίξεις για να εξετήσετε το κομπονέτος, το βασίλειο, το κόμμα και τα στιγμή.

Αυτό είναι ένα πραγματικό χωριστήριο. vue, που δεν είναι ένα καλύτερο όνομα. Όπως μάθαμε στις καλύτερες πρακτικές ονομασίες του κομπονέτου, οι ονομασίες του κομπονέτου πρέπει να είναι πολλές λόγες. Έτσι, ένα Okay, let's move on to the next example.

Here we take advantage of preprocessor. You can see in the template tag that we can use Pug or Jade to create the component's markup. It is of course optional and you can go with regular HTML if you prefer. In the script tag lives the most exciting part.

Here it uses ES6 to import another component and to export the component object. Also in the rest code you can see how nicer the code looks όταν γράφεται σε μοδερνή JavaScript. Παρακαλώ, αν δεν είστε εμπιστεύτες με το ES6, έχουμε ένα δικαστήριο να έρθει σύντομα που θα σας δείξει όλα που πρέπει να γνωρίσετε για να ξεκινάτε να χρησιμοποιήσετε μοδερνή JavaScript στον κόμμα σας. Τέλος, στο style tag, χρησιμοποιούμε ένα style-less preprocessor για να δημιουργήσουμε τον component style.

Αυτά τα συγκεκριμένα λόγια είναι μόνο παράδειγμα. Μπορείτε να χρησιμοποιήσετε τόσο εύκολα TypeScript, SCSS, post-CSS, ή ό,τι άλλα preprocessors θα σας βοηθήσουν. Όταν χρησιμοποιείτε Webpack με Uloader, βλέπετε επίσης πρώτη κλασική υποστήριξη για CSS μόνιες. Επομένως, πρέπει να είναι κλαίρος ότι όταν χρησιμοποιείτε μια μικρή πλαίσια, ή ένα medium-to-large javascript website, οι συγκεκριμένες υποστήριξεις είναι το τρόπο να πάμε.

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

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

Δεν υπάρχει κοινωνική σημαντικότητα, το οποίο σημαίνει ότι καθώς η HTML και το JavaScript είναι μοτζουαρισμένα σε κομπον καθόλου να χρησιμοποιήσουμε το HTML και το JS5, καθόλου να χρησιμοποιήσουμε προστασίες, όπως το Pug και το Babel. Επομένως, δεν μπορούμε να χρησιμοποιήσουμε την προστασία του modernJS. vue extension. Αυτό είναι δημιουργημένο με δημιουργικές εργασίες, όπως Webpack και Browserify.

view. Αυτό το φιλοκοπικό έχει τρεις κομμάτια. Το template, το script και το style. Το template είναι όπου βρίσκεται το markup του κομπονίτου.

Στο script, το φιλοκοπικό εξοπλείται ένα σημαντικό, που είναι το εξοπλικό σημαντικό του κομπονίτου Hello. Στο style, υπάρχουν όλα τα CSS ρούλια που είναι σχετικά με το styling του κομπονίτου. Κοιτάξτε πόσο καλύτερα μπορούμε να διαβάσουμε και να εξοπλήσουμε όλα τα σημαντικά του κομπονίτου σε ένα μόνο φιλοκοπικό. Ωστόσο, δεν χρειάζεται να έχετε δύο ή τρεις φυλές ανοίξεις για να εξετήσετε το κομπονέτος, το βασίλειο, το κόμμα και τα στιγμή.

Αυτό είναι ένα πραγματικό χωριστήριο. vue, που δεν είναι ένα καλύτερο όνομα. Όπως μάθαμε στις καλύτερες πρακτικές ονομασίες του κομπονέτου, οι ονομασίες του κομπονέτου πρέπει να είναι πολλές λόγες. Έτσι, ένα Okay, let's move on to the next example.

Here we take advantage of preprocessor. You can see in the template tag that we can use Pug or Jade to create the component's markup. It is of course optional and you can go with regular HTML if you prefer. In the script tag lives the most exciting part.

Here it uses ES6 to import another component and to export the component object. Also in the rest code you can see how nicer the code looks όταν γράφεται σε μοδερνή JavaScript. Παρακαλώ, αν δεν είστε εμπιστεύτες με το ES6, έχουμε ένα δικαστήριο να έρθει σύντομα που θα σας δείξει όλα που πρέπει να γνωρίσετε για να ξεκινάτε να χρησιμοποιήσετε μοδερνή JavaScript στον κόμμα σας. Τέλος, στο style tag, χρησιμοποιούμε ένα style-less preprocessor για να δημιουργήσουμε τον component style.

Αυτά τα συγκεκριμένα λόγια είναι μόνο παράδειγμα. Μπορείτε να χρησιμοποιήσετε τόσο εύκολα TypeScript, SCSS, post-CSS, ή ό,τι άλλα preprocessors θα σας βοηθήσουν. Όταν χρησιμοποιείτε Webpack με Uloader, βλέπετε επίσης πρώτη κλασική υποστήριξη για CSS μόνιες. Επομένως, πρέπει να είναι κλαίρος ότι όταν χρησιμοποιείτε μια μικρή πλαίσια, ή ένα medium-to-large javascript website, οι συγκεκριμένες υποστήριξεις είναι το τρόπο να πάμε.