Paulund

Getting Started With VueJS

In this tutorial we're going to look at the basics of getting started with VueJS. VueJS is a JavaScript framework which is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. It is similar to the likes of React or Angular 2, after a bit of research about what JavaScript framework to learn I've decided to learn VueJS.

Installation

There are multiple ways to install Vue, you can either download the source files, use a CDN or use npm to include the package.

Download Source

Development Version Production Version

Do not use production version during development as you will miss out on debug messages from the script.

CDN

There are a few sources that will allow you to use Vue from a CDN, it is recommended to use unpkg as this will reflect the latest version that is published to npm.

<script src="https://unpkg.com/vue/dist/vue.js"></script>

There is also jsdelivr and cdnjs.


<script src="https://cdn.jsdelivr.net/vue/2.0.1/vue.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.js"></script>

NPM

NPM can be used to include Vue in your projects, it's recommended to use this method over including the file from a CDN as the CDN file can change when new versions are released. To install using NPM use the following command.


npm install vue

Or you can install via Bower using


bower install vue

Over the next couple of weeks I'm going to be creating some examples and these will be placed in this Github repository. Vue Examples