iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

每天來點 Vue.js 吧 系列

剛入行的菜鳥前端,希望透過鐵人賽的三十天重新檢視學習 Vue 。文章內容以 vuejs.org 為主要來源,會附上自己想的一些小範例及心得,歡迎交流 😳 。

鐵人鍊成 | 共 30 篇文章 | 22 人訂閱 訂閱系列文 RSS系列文
DAY 11

Vue Conditional Rendering 條件渲染

tags: Vuejs v-if ✐ v-if 指令可以決定是否渲染元素,該元素只有在填入的 expression 為 truthy 時會渲染。 下方為簡單範...

2020-09-26 ‧ 由 RURU Tseng 分享
DAY 12

Vue 事件處理

v-on 要對模板中的元素添加 Event Listener,Vue 提供 v-on 指令可以針對 元素 綁定 Event Listener,並在事件發生時調用...

2020-09-27 ‧ 由 RURU Tseng 分享
DAY 13

v-for 列表渲染

tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表,在渲染列表相關的 data 時十分方便,並且 v-for 除...

2020-09-28 ‧ 由 RURU Tseng 分享
DAY 14

Vue 雙向數據綁定的語法糖 v-model ✔︎

很久以前做的 form 練習 使用表單元件 <textarea>、<input>、<select> 時,通常需要用戶的...

2020-09-29 ‧ 由 RURU Tseng 分享
DAY 15

Vue components 組件的抽象概念 ✏︎

tags: Vuejs 組件的抽象概念 ✐ 註:下方 component 和 組件 一詞意思相同。 component 在 Vue 中是一個重要的概念,照...

2020-09-30 ‧ 由 RURU Tseng 分享
DAY 16

Vue component 父組件向子組件傳遞數據的方法 - Prop(上)

tags: Vuejs 組件間的傳遞數據的方法 ✐ 在 Vue 之中,組件之間的數據並不共用,換句話說,組件之間若是需要傳遞數據,需要透過幾種方式進行: 以下列...

2020-10-01 ‧ 由 RURU Tseng 分享
DAY 17

Vue component 父組件向子組件傳遞數據的方法 - Prop(下)

tags: Vuejs 前言 ✐ 上一篇中說明了透過 Prop,我們可以將父組件的值傳遞給子組件,這一篇中,我們會來看 Prop 的使用細節。 命名規則 ✐ 在...

2020-10-02 ‧ 由 RURU Tseng 分享
DAY 18

Seeking the Balance in Framework Design

tags: Vuejs Seeking the Balance in Framework Design ✐ 在中秋連假倒數兩天的今天,作為放鬆,來分享之前看的...

2020-10-03 ‧ 由 RURU Tseng 分享
DAY 19

How to find your passion as a Software Developer - Evan You

tags: Vuejs How to find your passion as a Software Developer ✐ 在連假的最後一天,一樣來一些輕鬆的...

2020-10-04 ‧ 由 RURU Tseng 分享
DAY 20

Vue 自定義事件 - 拋出子組件數據

Props down, Event up ✐ Prop 是數據由父組件向子組件流動的 單向數據流,也就代表子組件無法透過 Prop 更改父組件的數據(注意,盡量...

2020-10-05 ‧ 由 RURU Tseng 分享