Cargando…
Jump Start Vue.js /
Get up to speed with Vue.js in a weekend! Since its release in 2014, Vue.js has seen a meteoric rise to popularity and is now considered one of the primary front-end frameworks, and not without good reason. Its component-based architecture was designed to be flexible and easy to adopt, making it jus...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Collingwood, VIC :
SitePoint Pty. Ltd.,
[2019]
|
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- Intro; Jump Start Vue.js; Notice of Rights; Notice of Liability; Trademark Notice; About Nilson Jacques; About SitePoint; Table of Contents; Preface; Who Should Read This Book?; Conventions Used; Code Samples; Tips, Notes, and Warnings; Hey, You!; Ahem, Excuse Me ... ; Make Sure You Always ... ; Watch Out!; Supplementary Materials; Vue.js: the Basics; ; Why Choose Vue?; Getting Started; The Vue Instance; Development vs Production; Reactive Data; Always Declare Your Data Properties; Template Syntax; Interpolations; Directives; v-for; Using an Array Index as a Key; v-if; v-bind; v-model
- Take It for a Spinv-on; Check Out a Demo; Methods; Template Scope; Computed Properties; Live Demos; Summary; Vue Tooling; ; Why Use Build Tooling?; Transpilation: Using Modern JavaScript Syntax in Old Browsers; Linting: Ensuring Code Quality; Using Single-file Components; Minification: Saving Space (and User Bandwidth); Vue CLI; Installing the CLI; Prerequisites; Setting up New Projects; Automatic Project Source Control; Webpack Configuration; Plugins; Browser Devtools; Components Tab; Vuex Tab; Events Tab; Editor/IDE Integrations; Installing Vetur for VS Code; Summary; Components
- Defining Custom ComponentsA Note on Naming; Component Options; Online Example; Importing Styles; Live Demo; Lifecycle Methods; Passing Data In; Prop Validation and Defaults; Defaults for Arrays and Objects; Communicating with the Outside World; Slots; Slot Fallback Content; Named Slots; Scoped Slots; AjaxLoader Example; Summary; Routing; ; Installing Vue Router; Folder Structure; StaffDirectory File; Semantic UI CSS; Installing via Vue CLI; Router Config Options; Example Server Configurations; Additional Options; Routes; Creating Routes; Additional Options; Route Parameters; Navigation; Links
- Programmatic Navigationpush; replace; go; Navigation Guards; Global Guards; beforeEach; beforeResolve; afterEach; Per-route guards; beforeEnter; beforeRouteEnter; beforeRouteUpdate; beforeRouteLeave; Example App; Example: Authorized Routes; Online Demo; Summary; State Management; ; Installing Vuex; Saving time with Vue CLI; Basic Concepts; State; Getters; Mutations; Live Demo; Actions; Example; Installing axios; Online Demo; Summary; Nuxt.js; ; Starting a Nuxt Project; Installing with Yarn; Source Control; Project Layout; pages; layouts; Avoid Styling Global Markup; assets
- Inlining Smaller Assetsstore; Reloading the Development Server; middleware; plugins; Nuxt Component Options; asyncData; Additional Context Properties; fetch; head; layout; Building for Production; Single Page Application; Universal Application; Static Site; Summary; Tying It All Together; ; The Completed App Code; Creating a Nuxt App; Setting Up the Layout; Specifying Content; Initializing a Vuex Store; A Reminder about Vuex Concepts; Adding the Users Page; The Employee Detail View; Creating the App Home Page; Adding Authentication; Installing and Configuring the Auth Module