Vue.js 教程

Angular

Vue.js(讀音 /vju?/, 類似於 view) 是一套構建使用者介面的漸進式框架。

Vue 只關注檢視層, 採用自底向上增量開發的設計。

Vue 的目標是通過儘可能簡單的 API 實現響應的資料繫結和組合的檢視元件。

Vue 學習起來非常簡單,本教程基於 Vue 2.1.8 版本測試,Vue3 請參閱 Vue3 教程。


閱讀本教程前,您需要了解的知識:

  • HTML
  • CSS
  • JavaScript

本教程主要介紹了 Vue2.x 版本的使用。


第一個例項

Vue 2.0 Hello World

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

嘗試一下 ?

點選 "嘗試一下" 按鈕檢視線上例項


參考資料:

Webpack 入門教程:http://www.itread01.com/w3cnote/webpack-tutorial.html

官方文件:http://vuejs.org/v2/guide/syntax.html

中文文件: https://cn.vuejs.org/v2/guide/syntax.html