Vue.js Tutorial

Vue.js (pronounced /vjuː/, like "view") is a progressive framework for building user interfaces.

Vue focuses solely on the view layer and adopts a bottom-up incremental design.

The goal of Vue is to provide a simple API for responsive data binding and composable view components.

Vue is very easy to learn. This tutorial is based on Vue 2.1.8. For Vue 3, please refer to the Vue3 Tutorial.

Prerequisites for Reading This Tutorial:

• HTML
• CSS
• JavaScript

This tutorial primarily covers the usage of Vue 2.x.

First Example

Vue 2.0 Hello World

<div id="app">
  <p>{{ message }}</p>
</div>

Click the "Try It" button to see the live example.

Reference Materials:

Webpack Getting Started Guide: https://vuejs.org/guide/introduction.html

Official Documentation: http://vuejs.org/v2/guide/syntax.html

Chinese Documentation: https://v2.cn.vuejs.org/v2/guide/