iT邦幫忙

鐵人檔案

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

前端新手筆記-Vue.js 系列

剛好最近在學習Vue.js,想說藉由活動來督促自己更加釐清學習上的觀念。

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

Day1 前言 主題規劃

前言 看了大家的文章,好像一開始都要撰寫個撰寫動機,(來幫助自己多湊一篇文章XD)所以我也來講講我想參加的原因跟這次的主題規劃吧! 動機 會想把Vue.js當成...

2019-09-17 ‧ 由 chunwen 分享
DAY 2

Day2 - Vue 基本介紹(漸進式框架、MVVM、元件)

何謂Vue? 我們可以把它視為一個漸進式框架或是函式庫。而什麼是漸進式框架呢? 漸進式框架 白話文:就是你想要用哪部分都可以自行決定。有點像是你買一個可拆式工具...

2019-09-18 ‧ 由 chunwen 分享
DAY 3

Day3 Vue Instance(實體)介紹

上一篇文章我們簡單介紹了Vue的幾個重要特性(漸進式框架、MVVM、元件、載入方式)。若不清楚的話,可以點擊上篇觀看Day2 - Vue 基本介紹(漸進式框架、...

2019-09-19 ‧ 由 chunwen 分享
DAY 4

Day4 - Vue 生命週期介紹

前言 上一篇文章中,我們已經為大家簡單介紹Vue Instance,並且透過範例讓大家初步了解該如何使用Vue 。而這篇文章我將為大家介紹Vue元件生命週期。...

2019-09-20 ‧ 由 chunwen 分享
DAY 5

Day5 Vue模板語法、V-text、V-html、V-once介紹、Vue指令概述

本篇文章同時刊載於Andy's Blog 前言 上一篇文章中我們介紹了Vue的生命週期,了解Vue背後是如何把資料渲染到畫面上,也知道如何在不同life h...

2019-09-21 ‧ 由 chunwen 分享
DAY 6

Day6 Vue 指令V-on、V-model介紹

本文同步刊載於Andy's Blog 前言 昨天我們簡單介紹了Vue的兩種模板語法:分別為插值(Mustache語法)跟指令v-開頭。而今天我們將先介紹V-...

2019-09-22 ‧ 由 chunwen 分享
DAY 7

Day7 Vue 指令V-bind介紹

前言 上一篇我們介紹了Vue指令:V-bind、V-on,那今天我們要學習另外一個Vue指令:V-bind本文同步發表於Andy's Blog V-bind...

2019-09-23 ‧ 由 chunwen 分享
DAY 8

Day8 Vue 指令V-for介紹

前言 昨天介紹了V-bind用法,今天我們就來介紹v-for吧!本文同步發表於Andy's Blog 參考資料:官網v-for介紹練習檔案 V-for 用途:...

2019-09-24 ‧ 由 chunwen 分享
DAY 9

Day9 Vue指令V-if、V-show介紹

前言 昨天介紹完V-for,我們應該對於常見V-for用法有更深入的認識。如:顯示過濾資料,也介紹了使用V-for上需要注意地方,如:不要把V-for跟V-if...

2019-09-25 ‧ 由 chunwen 分享
DAY 10

Day10 Vue computed 屬性介紹

本文同步發表於Andy's Blog 前言 開始前,我們先幫大家複習一下,這幾天介紹的內容(如下圖),若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹...

2019-09-26 ‧ 由 chunwen 分享