Vue.js Tutorial

Angular

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

Vue focuses only on the view layer, and adopts a bottom-up incremental development design.

Vue's goal is to achieve responsive data binding and composed view components through the simplest possible API.

Learning Vue is very simple. This tutorial is tested based on Vue 2.1.8. For Vue 3, please refer toVue3 Tutorial。

Vue 2.0 stopped being updated on December 31, 2023.

Before reading this tutorial, you need to know:

  • HTML
  • CSS
  • JavaScript

This tutorial mainly introduces the use of Vue 2.x versions.

First Example

Vue 2.0 Hello World

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

Try it »

Click the "Try it" button to view the online example.

References:

Vue Getting Started Tutorial:https://vuejs.org/guide/introduction.html

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

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

Other Extensions