Cargando…
Vue.js 2 Design Patterns and Best Practices : Build enterprise-ready, modular Vue.js applications with Vuex and Nuxt.
Vue.js is a lightweight and easy-to-learn JavaScript library for building user interfaces. With its faster and lighter Virtual DOM implementation, easier to learn, flexible, less opinionated solution, and many features, Vue.js is giving a good competition to the popular frameworks and libraries such...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing,
2018.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright and Credits; Packt Upsell; Contributors; Table of Contents; Preface; Chapter 1: Vue.js Principles and Comparisons; Prerequisites; Windows; Mac; Installing Node via Homebrew; Editor; Browser; Installing the Vue devtools; Vue CLI; How Vue.js compares; React; Angular; Mobile development; Server-Side Rendering (SSR); Conclusion; Summary; Chapter 2: Proper Creation of Vue Projects; Visual Studio Code extensions; Vetur; Vue 2 Snippets; Vue CLI; JavaScript modules; Vue-loader; Loading modules without Webpack; VueJS devtools; TypeScript and Vue; Lifecycle hooks; Properties; Computed.
- RxJS and VueWhat is RxJS?; Integrating with Vue; Summary; Proxying; How 'this' works within JavaScript; How Vue handles 'this'; Data properties; Computed properties; Watched properties; Lifecycle hooks; Vue.js and the Virtual DOM; DOM; Virtual DOM; Summary; Chapter 3: Writing Clean and Lean Code with Vue; Proxying; How 'this' works within JavaScript; How Vue handles 'this'; Data properties; Computed properties; Watched properties; Lifecycle hooks; Vue.js and the Virtual DOM; DOM; Virtual DOM; Summary; Chapter 4: Vue.js Directives; Model; Iteration with v-for; Bindings.
- Adding secondary propertiesStyle bindings; DOM events and v-on; Key modifiers; Event modifiers; Conditionally showing DOM elements; v-show; v-if; v-else; v-else-if; Filters; Locally registered filters; Globally registered filters; Summary; Chapter 5: Secured Communication with Vue.js Components; Your first Vue component; Registering components globally; Scoped styles; Registering a component locally; Component communication; Configuring property values; Custom events; Sending event values; Event Bus; Slots; Defaults; Named slots; Summary; Chapter 6: Creating Better UI; Animations.
- CSS animationsAnimate.css; Using Animate.css; Transitions; Transition states; Form validation; What is Vuelidate?; Using Vuelidate; Displaying form errors; Password validation; Form submission; Render/functional components; Rendering elements; Attributes; Components and props; JSX; Summary; Chapter 7: HTTP and WebSocket Communication; HTTP; Installing JSON server; HTTP GET; HTTP POST; HTTP PUT; HTTP DELETE; Real-time chat application with Node and Socket.io; What is Socket.io?; Server setup; Client connections; Setting up Vue and Socket.io; Determining connection status.
- Creating a connection status barNavigation bar; Message list; Adding messages to the list; Server-side events with Socket.io; Nodemon; Summary; Chapter 8: Vue Router Patterns; Single Page Applications; Using the router; Creating routes; Dynamic routes; Route props; Component Navigation Guards; beforeRouteUpdate; beforeRouteEnter; beforeRouteLeave; Global router hooks; beforeEach; beforeResolve; afterEach; Resolution stack; Programmatic navigation; router.replace; router.go; Lazy loading routes; An SPA project; Enabling the router; Defining routes; Creating the UserList route.