Practical Vue.js
Practical Vue.js
$21.99
Minimum price
$25.99
Suggested price
Practical Vue.js

This book is 100% complete

Completed on 2016-07-13

About the Book

This work presents the Vue.js framework to create web interfaces. Its simplicity to create to create components and managing data binding make web systems development a powerful and simple task.

The Vue.js stands out for its requirements simplicity compared to any complex framework.

About the Authors

Daniel Schmitz
Daniel Schmitz

Daniel Schmitz is a software developer and writer. He's originally from Brazil and has published several books in Portuguese/English.

Table of Contents

  • 1. Introduction
    • 1.1 Tech used
    • 1.2 Node installation
    • 1.3 Using npm
    • 1.4 Some bits about RESTfull
  • 2. Meeting Vue.js
    • 2.1 jsFiddle
    • 2.2 Setting up jsFiddle for Vue
    • 2.3 Hello World, vue
    • 2.4 Two way data-bind
    • 2.5 Creating a list
    • 2.6 Detecting changes to the Array
      • 2.6.1 Using track-by
      • 2.6.2 Using $set
      • 2.6.3 Using $remove
      • 2.6.4 Object loops
    • 2.7 Events and methods
      • 2.7.1 Changing the event propagation
      • 2.7.2 Keyboard modifiers
    • 2.8 Reactive design
    • 2.9 Creating a task list
    • 2.10 Vue’s life cycle events
    • 2.11 More about Data-bind
      • 2.11.1 Single Data-bind
      • 2.11.2 Data-bind with HTML
      • 2.11.3 Attribute data-bind
      • 2.11.4 Expressions
    • 2.12 Filters
      • 2.12.1 uppercase
      • 2.12.2 lowercase
      • 2.12.3 currency
      • 2.12.4 pluralize
      • 2.12.5 json
      • 2.12.6 debounce
      • 2.12.7 limitBy
      • 2.12.8 filterBy
      • 2.12.9 orderBy
    • 2.13 Custom filters
      • 2.13.1 “Two way” filters
    • 2.14 Directives
      • 2.14.1 Arguments
      • 2.14.2 Modifiers
    • 2.15 Directive shortcuts (Shorthands)
    • 2.16 Changing styles
    • 2.17 Using the v-if conditional
    • 2.18 Showing or hiding a code block
    • 2.19 v-if vs v-show
    • 2.20 Forms
      • 2.20.1 Check-box
      • 2.20.2 Radio
      • 2.20.3 Select
      • 2.20.4 Input attributes
    • 2.21 Conclusion
  • 3. Creating components
    • 3.1 Vue-cli
    • 3.2 Creating the first project with vue-cli
    • 3.3 Executing the project
    • 3.4 The project structure
    • 3.5 The packages.json file
    • 3.6 Components and .vue files
    • 3.7 Creating a new component
    • 3.8 Adding properties
      • 3.8.1 camelCase vs. kebab-case
      • 3.8.2 Validations and default values
    • 3.9 Slots and component composing
      • 3.9.1 Using multiple slots
    • 3.10 Events and communication between components
      • 3.10.1 Passing parameters
    • 3.11 Reorganizing the project
    • 3.12 Adding styles
    • 3.13 Changing the Header
    • 3.14 Changing the Footer
    • 3.15 Changing the App Content
  • 4. Vue Router
    • 4.1 Installing the Vue Router
    • 4.2 Setting up
    • 4.3 Setting up the router.map
    • 4.4 Setting up the router-view
    • 4.5 Creating new components
    • 4.6 Creating a menu
      • 4.6.1 Passing parameters on the link
    • 4.7 Active class
    • 4.8 Filtering routes by login
  • 5. Vue Resource
    • 5.1 Testing the Ajax access
    • 5.2 Request methods
    • 5.3 Working with resources
  • 6. Creating a blog with Vue, Express and MongoDB
    • 6.1 Creating the RESTful server
    • 6.2 The MongoDB database
    • 6.3 Creating the project
    • 6.4 Project structure
    • 6.5 Setting up the MongoDB models.
    • 6.6 Setting up the Express server
    • 6.7 Testing the server
    • 6.8 Testing the API without Vue
  • 7. Implementing the Blog with Vue
    • 7.1 Setting up the packages.json file
    • 7.2 Installing Vue and Materialize package
    • 7.3 Setting up the router and resources
    • 7.4 Setting up the main app interface
    • 7.5 Getting Posts
    • 7.6 Setting up the Vue Validator
    • 7.7 Logging-in
    • 7.8 Authentication Token
    • 7.9 Creating Post
    • 7.10 Log-out
    • 7.11 Refactoring the home page
  • 8. Mixins
    • 8.1 Creating mixins
    • 8.2 Conflicting
  • 9. Plug-ins
    • 9.1 Creating a plug-in
  • 10. Next Steps
    • 10.1 Vuex
    • 10.2 Vue.js in Twitter
    • 10.3 Vue Awesome

Authors have earned$9,522,389writing, publishing and selling on Leanpub,
earning 80% royalties while saving up to 25 million pounds of CO2 and up to 46,000 trees.

Learn more about writing on Leanpub

The Leanpub 45-day 100% Happiness Guarantee

Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses! Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks. Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. It really is that easy.

Learn more about writing on Leanpub