iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

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

Day11 有背過元素週期表,那有看過元件生命週期圖嗎?

元件的生命週期,Vue的官網很貼心,幫你準備好圖示,今天就帶大家來解釋一番。 不要在選項property或回調上使用箭頭函數,比如created: () =...

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

Day12 指令大全:v-if、v-for

在這幾天裡面,我會整理出常用指令,為大家一一介紹 #v-if/v-else-if/v-else:條件渲染,當條件成立時渲染出該元素,與v-show相似,差異在於...

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

Day13 指令大全:v-bind

#v-bind 此指令主要用在屬性綁定,常透過綁定一個變量的屬性來滿足動態的效果,變化形式很多種,例如:動態的class、style、href,父元件往子元件綁...

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

Day14 指令大全 v-on

事件處理 v-on 綁定事件監聽器,綁定的事件類型是由參數指定。表示式可以是一個方法的名字或一個行內語句或鍵值對的物件(key、value),如果沒有修飾符也可...

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

Day15 指令大全 v-show、v-html、v-text、v-pre、v-cloak、v-once

v-show: 與v-if相似,取決於它是控制顯示/隱藏該元素,但始終都存在DOM上,也就是CSS裡使用 display:none。當然v-show是沒有v-e...

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

Day16 資源回收再利用-可複用性 Mixins

我們在 Vue 專案時常會想把共用或是常用的可抽象層抽出來寫,一般有三種方式: 1.Component2.Mixin3.Prototype 我們常會依功能做成獨...

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

Day 17 全世界都是我的伸展台-Vue Extend

先前提到Vue.extend()也使用Mixin同樣的策略進行合併,今天就來教大家怎麼擴增元件(有人說繼承) 當我們有幾個元件的內容很相似,只有少部分內容不一樣...

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

Day18 資源回收再利用-可複用性 prototype

prototype 我們在使用組件使用某些外部功能時,都需要使用import 將變數/方法載入進來,若是全局經常性複用,則會建議透過prototype掛載在vu...

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

Day19 縱你虐我千百遍,我依然待你如插件,使用插件 Vue.use(plugin)

插件通常用來為Vue 添加全局功能。插件的功能範圍沒有嚴格的限制,一般有下面幾種: 1.添加全局方法或者property。 import Vue from 'v...

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

Day20 自己的國家自己救,自訂義指令-Vue.directive

前天由提到插件可以使用自定義的指令、過濾器或過渡,那我們今天就來教大家怎麼自己定義指令,二話不說再看底下。 directive指令 : 在我們前幾天指令大全有介...

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