Vue入門教程合集

自己雖然是做後端的,但是對前端還是有很大興趣,之前項目用過React和Vue,對比之下個人更喜歡Vue的方便與簡潔。所以整理以下教程。本教程只是帶大家入門學習,更多進階高級用法還需要自己實際摸索或參考官方CookBook。

 

介紹

Vue (讀音 /vjuː/,類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是,Vue 被設計爲可以自底向上逐層應用。

Vue 的核心庫只關注視圖層,不僅易於上手,還便於與第三方庫或既有項目整合。另一方面,當與現代化的工具鏈以及各種支持類庫結合使用時,Vue 也完全能夠爲複雜的單頁應用提供驅動。

由於其響應式設計依賴於ES6中的一些特性,因此Vue 不支持 IE8 以及更低版本瀏覽器(ES5)。

當你把一個普通的 JavaScript 對象傳入 Vue 實例作爲 data 選項,Vue 將遍歷此對象所有的屬性,並使用 Object.defineProperty 把這些屬性全部轉爲 getter/setter。

這些 getter/setter 對用戶來說是不可見的,但是在內部它們讓 Vue 能夠追蹤依賴,在屬性被訪問和修改時通知變更。

每個組件實例都對應一個 watcher 實例,它會在組件渲染的過程中把“接觸”過的數據屬性記錄爲依賴。之後當依賴項的 setter 觸發時,會通知 watcher,從而使它關聯的組件重新渲染。

 

目錄合集

Vue入門教程 第一篇 (概念及初始化)

Vue入門教程 第二篇 (數據綁定與響應式)

Vue入門教程 第三篇 (條件、循環)

Vue入門教程 第四篇 (屬性、事件)

Vue入門教程 第五篇 (組件)

Vue入門教程 第六篇 (路由、axios)

Vue入門教程 第七篇 (vue腳手架、發佈)

Vue入門教程 第八篇 (拓展:自定義指令、vuex)

 

IDE環境

建議使用VSCode開發,內部有Vue插件可使用。如何使用VSCode開發,可以點擊這裏學習。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章