Practical Vue.js
Practical Vue.js
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
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 v-bind:key
- 2.6.2 Using set
- 2.6.3 How to remove a item
- 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.13 Directives
- 2.13.1 Arguments
- 2.13.2 Modifiers
- 2.14 Directive shortcuts (Shorthands)
- 2.15 Changing styles
- 2.16 Using the v-if conditional
- 2.17 Showing or hiding a code block
- 2.18 v-if vs v-show
-
2.19 Forms
- 2.19.1 Check-box
- 2.19.2 Radio
- 2.19.3 Select
- 2.19.4 Input attributes
- 2.20 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
The Leanpub 60-day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms
80% Royalties. Earn $16 on a $20 book.
We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $12 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
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) and EPUB (for phones, tablets and 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
