iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

每天來點 Vue.js 吧 系列

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

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

前言

tags: Vuejs 前言 在開始之前,先簡單的自我介紹 ~ 筆者是名新手前端工程師,過往是平面設計師,目前學習前端約 1 年半的時間,本篇鐵人會集中在 Vu...

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

Vue 原來是法語? Vue 的超簡短歷史介紹

tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史,筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...

2020-09-17 ‧ 由 RURU Tseng 分享
DAY 3

工欲善其事,必先利其器 ⚙︎ Vue 開發環境建置

tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用,依照使用情境的不同可以選擇不同的方式。 方法 適合場景...

2020-09-18 ‧ 由 RURU Tseng 分享
DAY 4

一切的基礎:Vue instance

tags: Vuejs Vue reactivity system ✐ Vue 引入 data-driven view 的概念,一旦改動 data,與之相對應的...

2020-09-19 ‧ 由 RURU Tseng 分享
DAY 5

Vue instance 生命週期 ✦

tags: Vuejs Instance Lifecycle 生命週期 ✐ 介紹完如何使用 new Vue({...}) 建構 Vue instance 後,接...

2020-09-20 ‧ 由 RURU Tseng 分享
DAY 6

Vue template 模板語法

tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎?Vue 提供開發者透過 template 聲明式...

2020-09-21 ‧ 由 RURU Tseng 分享
DAY 7

Vue computed property `getter` 與 `setter` 的那些事

Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性,Computed...

2020-09-22 ‧ 由 RURU Tseng 分享
DAY 8

Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時,computed 與 method 往往能替我們做到同樣的事...

2020-09-23 ‧ 由 RURU Tseng 分享
DAY 9

Vue computed 與 watch 差異

Fixing ... 若是文中有任何錯誤、錯字、想討論的內容,歡迎各位大大不吝鞭笞指正、交流分享,筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github:http...

2020-09-24 ‧ 由 RURU Tseng 分享
DAY 10

Vue Class Bindings

tags: Vuejs 樣式渲染 畫面的呈現有時會因應資料的不同,產生不同的視覺樣式,而通常我們會使用 v-bind 指令動態渲染 HTML attribute...

2020-09-25 ‧ 由 RURU Tseng 分享