The Majesty Of Vue.js

About this book

Vue.js is a library to build interactive web interfaces. The aim is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible.

This book will teach you how to efficiently implement Vue.js in your projects. It starts with the fundamentals of Vue.js to building large-scale applications. You will find out what components, filters, methods, and computed properties are and how to use them to build robust applications.

Further on, you will become familiar with ES6, single file components, module bundlers, and workflow automation. The best way to learn to code is to write it, so there’s an exercise at the end of most of the chapters for you to solve and actually test yourself on what you have learned. You can solve these in order to gain a better understanding of Vue.js.

By the end of this book, you will be able to create fast front-end applications and increase the performance of your existing projects with Vue.js integration.

Publication date:: November 2016
Publisher: Packt
Pages: 240
ISBN: 9781787124370
Download code from GitHub

ChapterÂ 1.Â Install Vue.js

When it comes to download Vue.js you have a few options to choose from.

Standalone version

Downloading from vuejs.org

To install Vue you can simply download and include it with a script tag. Vue will be registered as a global variable.

You can download two versions of Vue.js:

Development version from http://v1.vuejs.org/js/vue.js
Production version from http://v1.vuejs.org/js/vue.min.js

Tip

Don't use the minified version during development. You will miss out all the nice warnings for common mistakes.

Include from CDN

You can find Vue.js also on jsDelivr (http://cdn.jsdelivr.net/vue/1.0.26/vue.min.js) or cdnjs (https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js).

Tip

It takes some time to sync with the latest version so you have to check frequently for updates.

Downloading using NPM

NPM is the recommended installation method when building large-scale apps with Vue.js. It pairs nicely with a CommonJS module bundler such as Webpack (http://webpack.github.io/) or Browserify (http://browserify.org/):

# latest stable
$ npm install vue
# latest stable + CSP-compliant
$ npm install [email protected]
# dev build (directly from GitHub):
$ npm install vuejs/vue#dev

Downloading using Bower

# latest stable
$ bower install vue

Tip

For more installation instructions and updates take a loot at the Vue.js Installation Guide (https://v1.vuejs.org/guide/installation.html).

In most book examples we are including Vue.js from the CDN, although you are free to install it using any method you like.

Alex Kyriakidis

Alex Kyriakidis is an ambitious, award winner developer, software engineer perfectionist, and currently addicted to Laravel and Vue.js. He has worked with several teams delivering high quality cross-platform applications, APIs, and websites.

Alex spends his time learning cutting edge technologies every day, striving to make the best developer out of himself.

You can find him on Twitter: https://twitter.com/hootlex
Browse publications by this author
Kostas Maniatis

Kostas Maniatis was Alex's apprentice but now has become an aspiring web developer and the arch nemesis of his former master. Currently, he runs vuejsfeed.com and is a core member of Vuedo.

His Twitter address is: https://twitter.com/kostaskafcas
Browse publications by this author