iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

我的菜很有Vue味~ 系列

從完全沒接觸過框架的我,以Vue為第一個框架去學習,希望可以透過簡單的介紹讓大家可以快速的學習vue.js

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊imac_跳過這篇
DAY 21

Day21 Vue data屬

以前我們在寫Vue時data都是這樣寫 但是到了元件這可能就會出現錯誤,前面我們的data屬性總是以一個物件的方式來表達,但是在子元件裡data屬性則必須以函數...

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

Day22 Vue 認識Porps(1)

在之前的鐵人賽中我們知道了元件的實體狀態、模板等作作用範圍都應該要是獨立的,意味這子元件是無法修改父元件,甚至是另一個元件。 但是當我們分割元件,要重複使用這元...

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

Day23 Vue 認識Porps(2)

我們在使用props時有時會需要特別對傳進來的資料做檢查所以通常我們就會用以下幾個資料類型來做驗證: String Number Boolean Array...

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

Day24 Vue 認識Porps(3)

以物件做props的傳遞 我們先來看看一個例子!在這裡我們先用props把外層元件的data裡的items的陣列傳遞近來,然後在template裡去寫我們要呈現...

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

Day25 Vue 雙向綁定 vs 單向綁定

什麼是單向綁定什麼是雙向綁定?簡單來說一個只有單方面的傳送,另一個則是可以來回傳,wow講完了,今天就到這好了。 等等不對吧,這麼快!!!當然是開玩笑的。 雙向...

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

Day26 Vue 元件與客製事件

昨天我們最後說了我們如何把父元件的資料props到子元件,今天的話我就來說說如何將子元件處理好的狀態回傳給父元件吧。 先給大家一個認知「Props in, Ev...

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

Day27 Vue CLI 介紹

前面講了一對現在怎又多了CLI?CLI有事要幹嘛的? 在之前我們寫Vue時都是用vue.js和<script>來寫,但是也因為專案越來越大,這種方式...

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

Day28 Vue CLI建立的專案結構

今天的話來簡單介紹一下CLI的各個資料吧。 node_modeules :node 相關的套件 public :公開檔案目錄 src :原始碼目錄,主要都在這...

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

Day29 Vue CLI環境設定與打包

package.json在幹嘛? 在我們打開看完專案的內容後,可以看到很多的檔案,其中有一個檔案「package.json」,它是在幹嘛的呢?我們先去把pack...

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

Day30 心得總結

終於到最後一天了,心裡滿是期待又怕受傷害,期待的點,可能是,這是我第一次做這樣的挑戰,連續30天發文真的不是簡單的事,在這30天內,我需要一邊找資料,同時還要把...

2021-10-14 ‧ 由 KBN 分享