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 入門教學:https://www.twcode01.com/w3cnote/webpack-tutorial.html

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

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