鐵人檔案
Vue.js是目前三大前端框架之一，藉由30天的挑戰，整理並記錄Vue.js的特性。
本系列除了會探索Vue.js，在後半段也會結合axios、lodash搭配應用，以及使用laravel作為後端搭配服用！
初次參加鐵人賽，學習曲線較淺，多多包涵～
Component介紹 元件(Component)是可複用的Vue Instance，並可以定義其名稱。Vue.js應用程式都是以Instance為主，在加上許...
元件們如何傳遞資料? Props與Emit的用法很常見，可在常使用在元件裡傳遞資料 props 傳data到元件 emit 從元件傳出data 如此確保每個...
slot介紹 Slot 如同它的字面翻譯「插槽」。子元件預留了一個空間(槽)，讓父元件插入內容。讓元件的複用變得更加彈性。適合用在結構比較複雜，元件內容可以...
元件間的溝通 官網表示：在絕大多數情況下，最好不要干涉另一個元件實例內部或手動操作DOM 元素。不過在某些情況下，是可以適合這樣使用，讓我們看下去。 訪問...
mixins介紹 在元件中使用mixins，就是把mixins中的function都混入元件中，給元件去調用。到底是誰混進來了呢? 兇手就是mixins!...
前言提要 Vue.js官網有提供建議的Style Guide，接下來幾天會陸續介紹這些Style Guide，寫出好品質、好維護的程式碼！ 優先度Ａ：必要...
優先度B：強烈推薦 Component目錄層級 要建立Component的目錄，每個Component都要放在相關的目錄層底下。 可以在開發或查詢時，能夠快...
在前兩篇提及的Vue Style Guide是比較重要的項目，而這篇會所建議的是依個人習慣做的推薦，依照自己喜好即可~ 優先度C & D compo...
nextTick介紹 nextTick()會在DOM已掛載、渲染完成後，執行nextTick()內的程式碼。 通常Vue.nextTick()是為了對DOM...
compile介紹 vue compile()是先建立要重新渲染的內容，我們可以透過觸發事件來決定什麼時候做渲染，適合在mounted()處理。 基本用法 &l...