iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

忍住不打牌位,只要30天VueJS帶你上A牌 系列

前言:因其實上班都在寫前端,下班每天無非是打牌位,也爬不上S排,決心拿打牌位時間寫30天鐵人賽,此次30天瞞著女友偷偷開(小聲

內心話:因在過去在學期間,一直有個想法,老師教授總是用很文言文的說法在教學,我能不能用個很生活化、時事或是淺顯易懂白話文方式教到讓人懂,這也是我未來想做的事情

簡介:我是一個工作四年的前端工程師,學過框架有Angular、Vue,近期在學習React,這次參賽希望能用我畢生所學,不限定是專業、觀念,希望能讓後學能深入淺出。

鐵人鍊成 | 共 30 篇文章 | 19 人訂閱 訂閱系列文 RSS系列文 團隊自討苦吃三十天#像極了愛情
DAY 1

Day01開賽總需要來個開場白

開場白不免俗的要來個開場白,大家好我是Vince,可以叫我阿電,在前端開發約4年,技術棧有VueJS、AngularJS、Angular,最近開始接觸React...

2020-09-09 ‧ 由 文斯先生 分享
DAY 2

Day02安安你好,請問你有聽過SOLID嗎?

前一天我們有提到SOLID,我們今天就來談談為啥我們需要了解SOLID? 他能幫助我們甚麼? SOLID是一種設計原則,主要是透過觀念讓團隊降機Code Rev...

2020-09-10 ‧ 由 文斯先生 分享
DAY 3

Day03安裝的步驟選項,知其然,知其所以然嗎?

安裝CLI: $ npm i -g @vue/cli 安裝完成後,您將可以在命令介面(CLI)中訪問vue命令。我們將使用它來創建我們的專案。 創立一個Vue...

2020-09-11 ‧ 由 文斯先生 分享
DAY 4

Day04 溝通很重要-元件註冊與父子元件溝通

第四天要帶大家聊解元件(有人說元件有人說是組件),首先來介紹元件的註冊 元件註冊全局註冊與局部註冊 1.元件全局註冊在Vue根實例( new Vue)之前,注意...

2020-09-12 ‧ 由 文斯先生 分享
DAY 5

Day05 自己的國家自己救-自己的v-model自己定義

v-model這個指令我們常用在資料的綁定上,希望我們所綁定的資料可以做到雙向(事件與屬性)綁定,這部分Vue允許我們客製化它,v-model默認會利用名為va...

2020-09-13 ‧ 由 文斯先生 分享
DAY 6

Day06 小夫我要Slot進來了喔,Slot插槽

我們常有時候希望子元件某部分模板(template)可以讓開發人員在父元件自己客製化,這時候就會用到插槽(Slot),這個概念是不是很像生活當中的插頭與插座呢?...

2020-09-14 ‧ 由 文斯先生 分享
DAY 7

Day07 今晚我想來點不一樣的動態元件,"is" 屬性

大部分的人在想做動態加載元件都會想到哪種作法?最常使用v-if來達到動態元件效果,如下程式碼 <step1 v-if="currentCompo...

2020-09-15 ‧ 由 文斯先生 分享
DAY 8

Day08 -上我的異步元件走路要扶牆,異步元件

在大型專案中,我們常需要將應用分割多個元件,並在需要的時候從服務器加載一個模塊。 Vue.component ('async-name',{ }) 這是我們註...

2020-09-16 ‧ 由 文斯先生 分享
DAY 9

Day09 I'm watching you-UnderTaker,認識watch

Watch可以顧名思義的推知,它是關注一個值得變化,當一旦變化,變執行該函數。 watch: { data: function(newValue, ol...

2020-09-17 ‧ 由 文斯先生 分享
DAY 10

Day 10 你改我就變#像極了愛情,認識Computed

computed也是可以顧名思義知道它是針對資料做計算然後返回值,在了解computed之前我們先看看官網的說法 computed properties ar...

2020-09-18 ‧ 由 文斯先生 分享