iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

【I Love Vue】 30天愛上 Vue 系列

30天內學會 Vue 的專案開發及基本架設

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

【I Love Vue 】 Day 11 Vue常用指令(二) - v-text、v-html、v-bind、v-model

今天廢話不多說,這篇繼續為小夥伴們介紹一些Vue的常用指令。 v-text / v-html 這兩個標籤都是在tag內插入內容,我們分別介紹各自的區別 v-t...

2020-09-25 ‧ 由 kyminjob 分享
DAY 12

【I Love Vue 】 Day 12 Vue常用指令(三) - v-if, v-else-if, v-else,v-for

如果有科班出身,或是受過完整程式教學培訓的小夥伴,或許會有個疑問,之前學習時,通常在早期就會介紹到選擇性結構、重覆性結構,為什麼我們這麼晚才介紹呢? 主要原因有...

2020-09-26 ‧ 由 kyminjob 分享
DAY 13

【I Love Vue 】 Day 13 Vue Component(一) - 基本介紹

在這篇開始之前,為了讓畫面簡潔,我們先把程式碼恢復成新建時候的樣子。(忘記原來面貌的小夥伴,下面會附上程式碼) Component 有沒有小夥伴曾經好奇過,我...

2020-09-27 ‧ 由 kyminjob 分享
DAY 14

【I Love Vue 】 Day 14 Vue Component(二) - 組件的溝通(父傳子)

當我們開始使用component之後會發現一些問題接踵而來,最常見的就是component之間要如何溝通,相互傳值。 父傳子 將 外層/上層 的資料傳遞給 內...

2020-09-28 ‧ 由 kyminjob 分享
DAY 15

【I Love Vue 】 Day 15Vue Component(三) - 組件的溝通(子傳父)

上一篇介紹完如何往內層傳送資料,看完往內層傳資料,我們再來看看由內層往外層傳送資料。 子傳父 在Vue中一般來說只有提供向內層傳送資料的功能。不過因應各種開發...

2020-09-29 ‧ 由 kyminjob 分享
DAY 16

【I Love Vue 】 Day 16Vue Component(四) - 組件的溝通(雙向溝通)

介紹完子傳父、父傳子的組件(component)溝通方式外,我們也會很常遇到,父子組件的雙向溝通,或是有時甚至會需要用到兄弟組件(在同樣父組件底下的組件)的溝通...

2020-09-30 ‧ 由 kyminjob 分享
DAY 17

【I Love Vue 】 Day 17 Vue 簡易 過場動畫

現在網頁開發已經慢慢趨向簡易、快速的開發方式。但在快速開發下,要保持一定的質感,過場動畫就成了個不可或缺的元素。 過場動畫 其實現在已經有很多好用的套件,例如...

2020-10-01 ‧ 由 kyminjob 分享
DAY 18

【I Love Vue 】 Day 18 Vue 中的 MVVM

一個專案中的程式如果沒有使用任何的架構進行開發,通常最後都會導致程式碼雜亂無章,難以維護。所以一般都會選一個架構進行開發(Viper、MVC、MVP、MVVM....

2020-10-02 ‧ 由 kyminjob 分享
DAY 19

【I Love Vue 】 Day 19 Vue Instance API

眼尖的小夥伴應該會注意到,本篇的標題與上一篇文末所提到的 Vue Object API 好像有點不一樣。這邊官方使用的是 Vue Instance API這個說...

2020-10-03 ‧ 由 kyminjob 分享
DAY 20

【I Love Vue 】 Day 20 愛荷華博弈任務(一) - 事前準備

(電話中~~~) 喂~ 請問找哪位? 我這邊有東西想請你們幫忙開發。 好的,請問你想開發怎麼樣的程式呢... (經過10分鐘後...) 我們突然接到鐵人學...

2020-10-04 ‧ 由 kyminjob 分享