Vue
Step-By-Step Guide To Mastering Vue.js From
Beginner To Advanced
Lionel Lopez
© Copyright 2017 by Lionel Lopez - All rights reserved.
If you would like to share this book with another person, please
purchase an additional copy for each recipient. Thank you for
respecting the hard work of this author. Otherwise, the
transmission, duplication or reproduction of any of the following
work including specific information will be considered an illegal
act irrespective of if it is done electronically or in print. This
extends to creating a secondary or tertiary copy of the work or a
recorded copy and is only allowed with express written consent
from the Publisher. All additional right reserved.
TABLE OF CONTENTS
Introduction 5
Chapter 1 6
Vue JS Introduction 6
Performance 6
Who uses Vue JS? 7
Chapter 2 9
Installation and Fundamentals of Vue JS 9
Installation (Using CDN) 9
Directives..................................................................................................................................13
Chapter 3 20
Syntax and Data Binding 20
What actually Data Binding is? 20
Chapter 4 25
Understanding Vue JS Component and their Usage 25
Component props 28
Chapter 5 47
Guide to VueX, its patterns, and usage 47
What is VueX? 47
Installation 47
Guide to State Management Pattern 48
Getting Started 50
Actions 56
Chapter 6 59
Unit Testing 59
What actually is unit testing in Vue JS? 59
Setup and Tooling 59
Writing Testable components 61
Unit testing With Karma and Mocha 62
First component unit test 64
Chapter 7 67
Vue JS CLI and Examples 67
Vue App 73
What is difference between Vue JS and React JS? 90
What is difference between Vue JS CLI and Vue JS CDN based? 91
Chapter 8 92
Guide to Awesome Vue and Vue Automation 92
What is Font Awesome? 96
Vue JS automation 99
Running a test in VueJS 100
Chapter 9 105
Integrating with external framework 105
How to implement jQuery 110
How to implement Backbone in this project? 110