iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

網頁設計靠 Vue.js 轉前端 系列

網頁設計靠 Vue.js 轉前端

DAY 11

Vue[11]-Breadcrumb麵包屑

昨天看完了Router,今天來寫個跟它有密切關係的常見網站功能:「Breadcrumb麵包屑」! 記得Components那篇嗎?重複使用的結構可以寫成Comp...

2018-10-26 ‧ 由 adam747 分享
DAY 12

Vue[12]-Slots插槽與Layout

大家一定對Component越來越熟悉了,也開始體會它的便利性,其實它還能結合一個好用的功能Slots插槽,它可以幫你在Component中設定一個位置,讓你在...

2018-10-27 ‧ 由 adam747 分享
DAY 13

Vue[13]-V-bind:class

基本的頁面建構都講的差不多了,今天我們開始來深入學習頁面內容編輯時,常用到的功能吧! v-bind绑定class實做 之前有說過v-bind是屬性綁定的意思,我...

2018-10-28 ‧ 由 adam747 分享
DAY 14

Vue[14]-條件渲染v-if

今天來看v-if條件渲染吧!什麼是v-if條件渲染?就是一個「如果(if)…」我指定條件達成了,那我才要呈現指定的內容,沒達成的話就是隱藏!聽起來有點抽象,那又...

2018-10-29 ‧ 由 adam747 分享
DAY 15

Vue[15]-事件處理v-on(一)

今天來看看超好用的v-on吧! v-on是指令監聽DOM事件,並在觸發時執行指定的行為,例如滑鼠點擊事件,現在不明白字面上意思沒關係,來幾個簡單範例就能明白了!...

2018-10-30 ‧ 由 adam747 分享
DAY 16

Vue[16]-事件處理v-on(二)

昨天看完了@click,今天接著看「按鍵修飾符」吧! 按鍵修飾符 v-on可以幫我們監聽鍵盤事件,也就是說使用者能利用鍵盤按鍵來進行操作、互動,它的寫法為:&l...

2018-10-31 ‧ 由 adam747 分享
DAY 17

Vue[17]-Computed與Methods

前天剛好遇到了Methods( https://ithelp.ithome.com.tw/articles/10206346 )簡單做了一下說明,當然這樣一定不...

2018-11-01 ‧ 由 adam747 分享
DAY 18

Vue[18]-Watch

昨天看完了Computed與Methods,今天來看Watch!從名字因該能多少能猜到一點了,它會幫我們監視某個值,如果這個值發生了改變,就去做我們指定的工作,...

2018-11-02 ‧ 由 adam747 分享
DAY 19

Vue[19]-生命週期

Vue的生命週期是什麼? 生命週期?如果你跟我一樣是非工程出生,八成也不懂它是什麼意思,今天就來特別寫一篇做說明! 當一個Vue網站要創建起來時,會經過一個創建...

2018-11-03 ‧ 由 adam747 分享
DAY 20

Vue[20]-指令

今天再來看幾個vue指令,它們跟v-if及v-bind一樣都是帶有v-帶特殊前綴的HTML特性指令,可以讓我們對DOM元素做各種處理! v-once指令 還記得...

2018-11-04 ‧ 由 adam747 分享