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 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$10,321,882writing, 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
Top Books
- #1
Continuous Delivery Pipelines
Dave FarleyThis practical handbook provides a step-by-step guide for you to get the best continuous delivery pipeline for your software.
- #2
Top 20 Digital Health Trends For The Near Future
Dr. Bertalan MeskoDigital technology could help transform unsustainable healthcare systems, provide cheaper, faster, and more effective solutions for diseases – and could lead to healthier individuals living in healthier communities.
In this book, we analyze the top 20 trends shaping the future of healthcare, and what they all look like in practice.
- #3
The Hundred-Page Machine Learning Book
Andriy BurkovEverything you really need to know in Machine Learning in a hundred pages.
- #4
Introducing EventStorming
Alberto BrandoliniThe deepest tutorial and explanation about EventStorming, straight from the inventor.
- #5
Atomic Kotlin
Bruce Eckel and Svetlana IsakovaFor both beginning and experienced programmers! From the author of the multi-award-winning Thinking in C++ and Thinking in Java together with a member of the Kotlin language team comes a book that breaks the concepts into small, easy-to-digest "atoms," along with exercises supported by hints and solutions directly inside IntelliJ IDEA!
- #6
C++20
Rainer GrimmC++20 is the next big C++ standard after C++11. As C++11 did it, C++20 changes the way we program modern C++. This change is, in particular, due to the big four of C++20: ranges, coroutines, concepts, and modules.
- #7
CCIE Service Provider Version 4 Written and Lab Exam Comprehensive Guide
Nicholas RussoThe service provider landscape has changed rapidly over the past several years. Networking vendors are continuing to propose new standards, techniques, and procedures for overcoming new challenges while concurrently reducing costs and delivering new services. Cisco has recently updated the CCIE Service Provider track to reflect these changes; this book represents the author's personal journey in achieving that certification.
- #8
Hacking your way around in Emacs
Marcin BorkowskiThis is an intermediate textbook on Emacs Lisp. Learn how to write you own commands and make Emacs truly your editor, suited to your needs!
- #9
Ansible for DevOps
Jeff GeerlingAnsible is a simple, but powerful, server and configuration management tool. Learn to use Ansible effectively, whether you manage one server—or thousands.
- #10
Visualise, document and explore your software architecture
Simon BrownA short guide to visualising, documenting and exploring your software architecture.
Top Bundles
- #1
Software Architecture for Developers: Volumes 1 & 2 - Technical leadership and communication
2 Books
"Software Architecture for Developers" is a practical and pragmatic guide to modern, lightweight software architecture, specifically aimed at developers. You'll learn:The essence of software architecture.Why the software architecture role should include coding, coaching and collaboration.The things that you really need to think about before... - #2
CCIE Service Provider Ultimate Study Bundle
2 Books
Piotr Jablonski, Lukasz Bromirski, and Nick Russo have joined forces to deliver the only CCIE Service Provider training resource you'll ever need. This bundle contains a detailed and challenging collection of workbook labs, plus an extensively detailed technical reference guide. All of us have earned the CCIE Service Provider certification... - #4
9 Books-Bundle: Shut Up and Code!
9 Books
"Shut up and code." Laughter in the audience. The hacker had just plugged in his notebook and started sharing his screen to present his super-smart Python script. "Shut up and code" The letters written in a white literal coding font on black background was the hackers' home screen background mantra. At the time, I was a first-year computer... - #7
Practical Foundations of Debugging, Disassembling, Reversing
2 Books
The books teach assembly language foundations necessary for deep debugging and program reconstruction. They are useful for: - Software technical support and escalation engineers; - Software engineers coming from different backgrounds, OS, and programming/debugging environments; - Software testers; - C/C++ software engineers without assembly... - #8
Software Architecture and Design Practice Reference
2 Books
Dive deeper in Software Architecture with the Design Practice Reference. Learn all about software architecture and design from the books in this bundle:Software Architecture covers topics from quality attributes to designing and modeling components, interfaces, connectors, and containers, all the way to services and microservices. The Design... - #10
Mastering Containers
2 Books
Docker and Kubernetes are taking the world by storm! These books will get you up-to-speed fast! Docker Deep Dive is over 400 pages long, and covers all objectives on the Docker Certified Associate exam.The Kubernetes Book includes everything you need to get up and running with Kubernetes!
