iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

從0開始學習30天可以到什麼程度? 系列

雖然是因為課程原因選擇參賽,但也希望可以藉由這次的機會挑戰自己可不可以真的做到連續30天都自主學習並發佈紀錄,以及30天連續的自主學習到底可以讓自己對一項新的工具熟悉與應用到什麼程度。雖然之前沒有接觸過vue.js但有課程製作網頁前端的基礎,希望能成功在最後完成一個實作項目。

參賽天數 15 天 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

D11: computed

昨天提到的methods,跟他相似的computed是專門用來進行計算的屬性,我先從昨天methods的程式改寫 <div id="app&...

2023-09-26 ‧ 由 michellel 分享
DAY 12

D12: 幣值轉換器

今天決定先來嘗試一下昨天最後提到的幣值轉換器的程式,先假設我只需要轉換一個幣值所以使用methods將程式寫成這樣: <div id="ap...

2023-09-27 ‧ 由 michellel 分享
DAY 13

D13: Vue.js--指令directive

雖然之前就有寫過一篇Vue.js常見指令,但我發現教材裡面還有一些之前沒有看到的指令或者之前雖然有使用過這個指令但這個用法沒有看過,所以決定在這裡再加入一篇介紹...

2023-09-28 ‧ 由 michellel 分享
DAY 14

D14: Vue.js指令__續

昨天結尾有稍微提到了v-model的廣泛應用甚至有專門為它設計的修飾子,都是以v-modle.xxx的形式存在也有提到兩個我覺得相對來說更有機會使用到的修飾子是...

2023-09-29 ‧ 由 michellel 分享
DAY 15

D15: CSS樣式綁定

在寫網頁前端設計時,我們通常會選擇用CSS來定義class或style,而在Vue.js裡我們可以使用v-bind來控制每個標籤的class和style對應的內...

2023-09-30 ‧ 由 michellel 分享
DAY 15

D16: 事件綁定

事件綁定與處理,是對任何一個互動性網頁來說都非常重要的功能,我們之前使用比較多的Vue.js指令,更多是有關於模板,今天我就要來學習Vue.ja關於事件處理的部...

2023-10-02 ‧ 由 michellel 分享
DAY 15

D17: v-on modifiers

我今天要學習的部分是v-on的修飾子,它和之前介紹過的v-model修飾子的意思差不多都是指令的補充包,今天先來介紹"事件通用型"的修飾子。...

2023-10-02 ‧ 由 michellel 分享

No18: v-on鍵盤修飾子

keycode在網頁標準已經被移除,Vue.js3已經不推薦支持其寫法 在網頁處理事件時,有些需要就由判斷user的按鍵來進行不同的事件處理,在Vue.js裡控...

2023-10-16 ‧ 由 michellel 分享

No19: v-model解析

這篇是從教材的解說來了解之前說過的v-model在背後做好的工作,所以我們從教材給的例子來看我們用Vue寫的input輸入框<input v-model=...

2023-10-16 ‧ 由 michellel 分享

No20: v-show VS v-if

Vue.js的條件判斷使用的是v-if以及v-show。 v-show v-show就是判斷如果事件的值是truthy就普通顯示,是falsy就隱藏,可以注意這...

2023-10-16 ‧ 由 michellel 分享