鐵人檔案
身為一個程式小菜雞，我決定透過紀錄自己的學習過程來進步。從環境安裝、語法基礎到實作小專案，期望每一天都會留下簡單的筆記與程式碼，讓自己一步一步往前進。考驗能不能做到「持之以恆」這件事，紀錄一個月，讓自己看到努力後的成長。
今天要來學習傳透屬性 fallthrough先瞭解什麼是 fallthrough ，就是父元件傳給子元件的非 props 屬性，會自動加到子元件的根元素上 基礎...
關閉自動傳透 若不想要讓屬性自動繼承，可以使用 inheritAttrs: false 來停用用法： <span>Fallthrough attri...
今天要來學習有關 slot 的用法，slot 就是子元件模板裡的內容擺放位，而內容則由父元件提供，子元件只負責外框與樣式eg. <template>...
有時候我們會根據 slot 內容決定是否渲染，這時可以搭配 v-if 使用eg. 如果父元件有傳值進來 slot 就顯示 <template>...
作用域 slot slot 是無法直接子元件的內容的，若我們同時需要使用父元件、子元件的 data 便可以使用 props 的做法，對 slot 的出口做傳遞e...
一般狀況下，我們若想傳遞 data 會使用 props，若接收元件是在深層的狀況，且該元件之父級元件並不 care 該 props ，我們便可以利用 provi...
預設值注入 通常 inject 是由父層 provide ，若無則 Vue 會拋出一個 warning，此時可以在子元件定義預設的 inject 值，就算父元件...
今天要學習 router 路由，簡單來說就是我們的網站中透過網址的不同結構，切換並顯示網站內不同的頁面內容當 user 透過瀏覽器訪問某個特定的網址時，網站會根...
動態路由 有時後我們會由不同 user 去渲染不同畫面，但不可能為每個 user 都做一個畫面，這時候就可以使用共同模板依不同參數去動態渲染 eg.index....
擷取找不到的路由 我們可以自訂一個畫面讓未知、找不到的路由都導向這邊eg.建立 views/NotFound.vue <template> &l...
