iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Vue.js 系列

Learning Vue.js

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

Vue的簡介

Vue的誕生是因為作者尤雨溪希望能同步DOM和JavaScript的物件,在2013年6月他的名字是Seed.js但是這個名字在NPM上已經有了!所以他就從Vi...

2021-09-11 ‧ 由 chu 分享
DAY 2

安裝套件

今天要介紹的是在Chrome和VS Code中所安裝的套件 在chrome中安裝Vue.js devtools套件 這是一個方便我們在使用Vue製作網頁時可以觀...

2021-09-12 ‧ 由 chu 分享
DAY 3

架構介紹

在進入使用Vue.js時做之前,先讓我們來了解一下Vue.js的架構吧! Although not strictly associated with the...

2021-09-13 ‧ 由 chu 分享
DAY 4

DataBinding

今天要進入用Vue.js實作出一個網頁啦~今天要介紹的是資料綁定 這是寫在html的部分也就是View的區塊 <div class="txt&q...

2021-09-14 ‧ 由 chu 分享
DAY 5

radio vs checkbox

延續昨天的v-model綁定,昨天我們知道他可以綁定input, textarea和select elements三個tag,其中input除了文字輸入框還有C...

2021-09-15 ‧ 由 chu 分享
DAY 6

字串和物件的差異

今天會用兩個例子來比較看看多個字串和一個物件多筆資料有什麼不同 第一個範例是在data中放「首頁」、「記事本」和「關於我」三個字串 第二個範例雖然也可以使用三個...

2021-09-16 ‧ 由 chu 分享
DAY 7

Class and Style Bindings

透過昨天的範例我們知道要綁定HTML屬性需要使用v-bind指令,而今天我們要介紹的是v-bind綁定class和style 我們一樣先來看一段官網中對於cla...

2021-09-17 ‧ 由 chu 分享
DAY 8

Lifecycle

今天要介紹的是Vue生命週期的四個階段,先來看一張官網中Vue的生命週期圖吧! 首先當然是要建立一個vue的實體也就是我們在每個專案中都會看到的new Vue...

2021-09-18 ‧ 由 chu 分享
DAY 9

JSON介紹

今天要先介紹JSON的寫法,明天的實作會取用今天建置好的JSON檔介紹Methods和Computed的不同,所以我們今天先來了解一下JSON格式怎麼寫吧! J...

2021-09-19 ‧ 由 chu 分享
DAY 10

Computed vs Methods

昨天已經把JSON檔建置好了!今天就可以取用JSON檔的資料然後實作出Methods和Computed的差別 首先要注意的是,我們要取得JSON檔的資料需要利用...

2021-09-20 ‧ 由 chu 分享