iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Vue.js 從零開始 系列

希望寫出初學者能看懂的文章,寫的過程中一邊複習Vue.js的觀念語法,讓自己能有新的理解,熟悉整個脈絡。學習的小建議,看完網路的文章或教學影片後,理解成自己的知識後,再輸出成筆記,最好能動手操作一邊,讓自己能更有印象喔,一起加油吧!

鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 21

Vue.js 從零開始:emit 元件的溝通

上一篇已經學會如何把外部元件的資料傳到內部元件,如果是內部傳到外部,就需要透過emit來達成。 Props in, Ebent out: emit 傳遞事件 e...

2021-10-05 ‧ 由 magic0308 分享
DAY 22

Vue.js 從零開始:Slot

學完component是怎麼傳遞之後,看似完美,如果某天PM丟出一個需求,初步了解狀況後,發現有很多地方都可以組成元件來重複使用,但其實沒有這麼簡單,看起來一樣...

2021-10-06 ‧ 由 magic0308 分享
DAY 23

Vue.js 從零開始:Slot Props

上篇提到slot傳入的內容都是由外層元件提供,如果內層元件slot也想使用內層資料時,就可以使用Slot Props,概念就是內層元件利用插槽的props將部份...

2021-10-07 ‧ 由 magic0308 分享
DAY 24

Vue.js 從零開始 mitt

還記得區域元件有自己的作用域嗎?已知外層元件可以跟內層元件傳遞資料(props),或是傳遞事件(emit),但是當有另外兩個子元件,彼此需要傳遞又該怎麼做?...

2021-10-08 ‧ 由 magic0308 分享
DAY 25

Vue.js 從零開:v-bind:is 動態元件

如果要控制元件出現或是消失,依照之前討論的章節,會使用到v-if、v-show的指令來完成,但當你的元件較多時,寫的code會看起來很多,這時可以使用:is來優...

2021-10-09 ‧ 由 magic0308 分享
DAY 26

Vue.js 從零開始:provide / inject

component傳遞的最後一個招,前面示範了由內傳到外、外傳到內...等,但是子元件的子元件的子元件,需要父元件資料,我們只能使用props,一個一個往下傳,...

2021-10-10 ‧ 由 magic0308 分享
DAY 27

Vue.js 從零開始:Vue CLI 介紹與安裝

為什麼要使用Vue CLI 開發環境複雜,透過Vue CLI整合環境,減少整合的時間。 套件使用過多,方便管理。 前後端分離為主流,SPA更符合開發。 V...

2021-10-11 ‧ 由 magic0308 分享
DAY 28

Vue.js 從零開始:Vue CLI 環境說明

Webpack如何產生檔案 經過上一篇對於Webpack的介紹後,相信大家都有一定的認識,這邊我們用建立好的專案來說明,為什麼說Vue CLI是基於Webpac...

2021-10-12 ‧ 由 magic0308 分享
DAY 29

Vue.js 從零開始:Vue CLI / Gihub Pages

本篇為Vue CLI最後一篇,專案已經建立好,環境也有概略的說明,接下來當然是上傳到Gihub Pages,未來如果有自己作品集,就有網址可以提供。 1.編譯...

2021-10-13 ‧ 由 magic0308 分享
DAY 30

Vue.js 從零開始:Vue Router

Router 是什麼? Router翻譯為路由,依照網址結構,網路的伺服器才會知道什麼時候要提供資料給使用者,例如電商網站的商品頁面網址https://xxx/...

2021-10-14 ‧ 由 magic0308 分享