iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

不用去柬埔寨也能活摘 Vue 系列

不用去柬埔寨賣器官,來這邊就能看我賣肝。
使用文章加圖片的互動式介紹 Vue,手把手讓前端新手 30 天看懂 Vue。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊imac_柬埔寨7日遊
DAY 11

[Vue] Day11 實體物件與主要 API

經過昨天的介紹,相信各位對於生命週期與 Component 元件已有初步了解了那今天就來與各位聊聊關於 Vue.js 的實體物件與他的主要 API 首先呢,當我...

2022-09-26 ‧ 由 Hinata 分享
DAY 12

[Vue] Day12 起手式:Composition API

Composition API 是 Vue3 推出後最大的特點,是 Vue 元件的另一種編寫方式。 那我們今天要與各位介紹的是,當 Vue2 的專案準備升級成...

2022-09-27 ‧ 由 Hinata 分享
DAY 13

[Vue] Day13 methods及computed 的資料整合與邏輯運算

在上篇文章中,有與各位分享到 Vue 的語法,以及如何將實體 data 結合運算式並渲染至畫面。那如果遇上複雜的運算邏輯時,或是重複置入同樣的複雜運算式時,模板...

2022-09-28 ‧ 由 Hinata 分享
DAY 14

[Vue] Day14 資料綁定:v-bind、v-model

上一篇的實作有跟各位提到 v-model,而這些在 Vue 中以 v- 為開頭的的屬性,都被稱之為「指令」。而當指令搭配運算式時,計算出的值被改變的話,所對應的...

2022-09-29 ‧ 由 Hinata 分享
DAY 15

[Vue] Day15 模板綁定:v-text、v-html、v-once、v-pre

昨天跟各位介紹了屬性綁定:v-bind 及資料雙向綁定:v-model相信大家對於 v 開頭的事件也有初步認識了那接下來我們就來聊聊也是 v 系列的模板綁定吧!...

2022-09-30 ‧ 由 Hinata 分享
DAY 16

[Vue] Day16 透過 v-bind 進行 css 樣式綁定

經過昨天對於對於模板綁定的介紹,各位對於 v 開頭的綁定系列應該有初步了解了那今天呢,就是要跟各位補充一個也很實用的「樣式綁定」喔! 樣式綁定 當我們想在網頁上...

2022-10-01 ‧ 由 Hinata 分享
DAY 17

[Vue] Day17 事件綁定:v-on

昨天有帶各位了解了 v-bind 的樣式綁定,那今天就與大家進入新的單元吧前幾天的文章有跟各位介紹許多個 v 開頭的模板指令而在 Vue 中只有一個是與事件有關...

2022-10-02 ‧ 由 Hinata 分享
DAY 18

[Vue] Day18 條件判斷:v-if 、v-show 與列表渲染:v-for

今日為各位帶來的是條件判斷:v-if 、v-show 還有 v-for 的介紹呦 條件判斷:v-if、v-show v-if 與 v-show 的用法其實大同小...

2022-10-03 ‧ 由 Hinata 分享
DAY 19

[Vue] Day19 多國語系:vue-i18n

經過前幾天的努力,我們終於把指令系列的都介紹一遍了那今天的話就要來與各位介紹一下 Vue 的套件:多國語系 - i18n 什麼是 vue-i18n? vue-i...

2022-10-04 ‧ 由 Hinata 分享
DAY 20

[Vue] Day20 多國語系:vue-i18n 實作

昨日與各位介紹了 vue-i18n 的模式那今日我們來看看該如何呈現在網頁上且可以自由切換語系吧! vue-i18n 切換語系 首先我們需要先打開我們 loca...

2022-10-05 ‧ 由 Hinata 分享