Tutorial de Vue.js

Angular

Vue.js (pronunciado /vjuː/, similar a "view") es un framework progresivo para construir interfaces de usuario.

Vue solo se centra en la capa de vista, adoptando un diseño de desarrollo incremental de abajo hacia arriba.

El objetivo de Vue es lograr un enlace de datos reactivo y componentes de vista combinables mediante una API lo más simple posible.

Vue es muy fácil de aprender. Este tutorial está probado con la versión Vue 2.1.8. Para Vue 3, consulte:Tutorial de Vue3。

Vue 2.0 dejó de actualizarse el 31 de diciembre de 2023.


Conocimientos que necesita saber antes de leer este tutorial:

  • HTML
  • CSS
  • JavaScript

Este tutorial presenta principalmente el uso de la versión Vue2.x.


Primer ejemplo

Vue 2.0 Hello World

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

Pruébalo »

Haz clic en el botón "Pruébalo" para ver el ejemplo en línea.


Materiales de referencia:

Tutorial de introducción a Vue:https://vuejs.org/guide/introduction.html

Documentación oficial:http://vuejs.org/v2/guide/syntax.html

Documentación en chino:https://v2.cn.vuejs.org/v2/guide/

Otras extensiones