tags: Vuejs

前言

在開始之前，先簡單的自我介紹 ～ 筆者是名新手前端工程師，過往是平面設計師，目前學習前端約 1 年半的時間，本篇鐵人會集中在 Vue core library 討論，內容包含聲明式渲染、組件系統。

話說筆者曾經中二的想過如果有人哪天問我為什麼要做前端，可以像埼玉老師一樣帥氣的說：『 我是一名興趣使然的前端。 』不過目前還沒有實踐過（羞），也遠遠沒有達到可以帥氣說這句話的程度，只能持續努力！期許自己可以每天進步一小步。

本系列涵蓋內容

Vue 在作者 Evan You 的設計定位中是一套漸進式（The Progressive Framework）框架，框架本身涵蓋的內容包含聲明式渲染、組件系統、客戶端路由、狀態管理等，彼此是不耦合的 library，而本系列只會提及核心的 core library ，也就是聲明式渲染及組件系統。

漸進式框架示意圖

圖片出自 Evan You 2016 年的分享： NingJS · Vue.js: the Past and the Future, Evan You, Author of Vue.js - Nanjing September 2016
英文版簡報在這： The Progressive Framework

本系列不會涵蓋 Vuex、Vue Router、Vue CLI。初學者在初學時作者 Evan You 建議從 vue core library 開始學習，學習前需具備 HTML、CSS、Javascript 的基礎。

至於 Vue 的學習路徑很推薦一篇 Evan You 在知乎所寫的 新手向：Vue 2.0 的建议学习顺序 ，雖然是 Vue 2.0 版本的學習順序不過仍非常值得觀看，裡面有將 Vue 的學習路線分成了三階段：

1. 起步
2. 前端生態、工程化
3. 進階

很推薦大家去看看其中的細節，每個步驟 Evan You 都給出了詳細的建議， Evan You 也時常在知乎出沒，可以有事沒事去關注（？）一下。

注意

❌ ：本文不會提及： Vuex、Vue Router、Vue CLI
✅ ：本文會提及： Vue core library，內容包含聲明式渲染、組件系統

每一篇章會以官網 Vuejs Guide v2.x 為主要內容來源，加上一些自己實驗模仿的小範例及重點節錄，下次正式進入第一篇，明天見～。

若是文中有任何錯誤、錯字、遺漏、想討論的地方，歡迎各位大大不吝鞭打指正 XD、交流分享，筆者不慎感激。

筆者 github：https://github.com/YUN-RU-TSENG
老王賣瓜之筆者另一篇鐵人：每天來點 CSS Specification

倘若不斷向深處扎根，似乎就能茁壯成長 - RM

資料來源

1. Vuejs.org