iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

我的菜很有Vue味~ 系列

從完全沒接觸過框架的我,以Vue為第一個框架去學習,希望可以透過簡單的介紹讓大家可以快速的學習vue.js

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊imac_跳過這篇
DAY 11

Day11 Vue directives(v-on & v-bind)

到底什麼式Vue directives Vue directives簡單來說就是一種可以掛在HTML上的特殊指令,常見的有以下 v-on v-bind v-i...

2021-09-25 ‧ 由 KBN 分享
DAY 12

Day12 Vue Event Handing(v-on)

Event Handling是甚麼呢? Event Handing是可以用v-on指令監聽DOM事件,並在觸發時執行一些 JavaScript 代碼。 昨天我們...

2021-09-26 ‧ 由 KBN 分享
DAY 13

Day13 Vue directives(v-if & v-show)

嗨~今天又見面了,昨天我們了解了Evnet Handing後我們今天要繼續來講條件渲染v-if、v-show與v-for。 v-if v-if可以用來影響元素要...

2021-09-27 ‧ 由 KBN 分享
DAY 14

Day14 Vue directives(v-for)上

用v-for把陣列轉成元素 一開始我們先把items的資料容給見出來 接下來呢我們用v-for="item in items"去把items...

2021-09-28 ‧ 由 KBN 分享
DAY 15

Day15 Vue directives(v-for)下

昨天我們知道v-for的使用方式後那我們就來想一個問題,如果我們遇到渲染不只一組呢? 假設一個h3和p為一組時寫法如下。 要是今天我們享用一個包裝來包這些元件時...

2021-09-29 ‧ 由 KBN 分享
DAY 16

Day16 Vue directives(v-model資料雙向綁定)

在Vue裡有個很大的特色可能就是資料的雙向綁定(Two-wayBinding),而資料綁定的話我們最常適用的屬性就是v-model。v-model常用於表單和元...

2021-09-30 ‧ 由 KBN 分享
DAY 17

Day17 Vue Component(元件)

元件(Component)是Vue裡主要也是最強大的特性之一,它提供了THML DOM元素的擴充性,也可以將不分模板、程式碼封裝起來以便開發者維護以及重複適用。...

2021-10-01 ‧ 由 KBN 分享
DAY 18

Day18 Vue元件的宣告與註冊

Vue元件最大的優點就是可以被重複的使用,如我昨天說的,每個元件內都有自己的data、methods、computed等等,甚是連生命週期的Hooks func...

2021-10-02 ‧ 由 KBN 分享
DAY 19

Day19 Vue元件的命名規則 & 單一元件(SFC)

在元件模板中通常是以「標籤」的形式來做使用,所以在命名上就會有些限制,也是因為必扁與其他標籤名稱產生衝突,在打多數人的認知通常會以兩個以上的單字來命名,如&lt...

2021-10-03 ‧ 由 KBN 分享
DAY 20

Day20 Vue元件中的網頁模板

我們現在應該大概了元件到底在幹嘛了,今天的話我們就來聊聊HTML模板怎麼寫在我們的元件裡面,通常我們常看到的可以用<template> 和 <...

2021-10-04 ‧ 由 KBN 分享