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, adopting a bottom-up incremental development design.

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

Vue is very easy to learn. This tutorial is tested based on Vue 2.1.8 version. For Vue3, please refer toVue3 Tutorial。

Vue 2.0 stopped updates on December 31, 2023.

Before reading this tutorial, you need to understand:

  • HTML
  • CSS
  • JavaScript

This tutorial mainly introduces the use of Vue2.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 online examples

Reference materials:

Vue Beginner's 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