iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

從0開始vue.js的30天學習日誌 系列

實在想不到什麼有趣的題目,藉這個機會給自己一點動力學習新技術(對我自己來說的…),挑戰自己gogo一定要完賽~~~~

鐵人鍊成 | 共 30 篇文章 | 28 人訂閱 訂閱系列文 RSS系列文 團隊這樣母Tom姆熊
DAY 11

11 Vue的模板語法 - 迴圈 v-for (1) 基本用法

當HTML有一些重複的元素,清單或下拉選單等等的,可以使用v-for語法來把陣列或物件的資料render出來: 用v-for把陣列轉成元素 先用陣列定義一組to...

2018-10-26 ‧ 由 UT 分享
DAY 12

12 Vue的模板語法 - 迴圈 v-for (2) 使用<tamplate>

昨天學習v-for語法是以render一組標籤來作範例,那如果遇到需要一次render不只一組標籤呢? 假設想render出來的結構長這樣: <div i...

2018-10-27 ‧ 由 UT 分享
DAY 13

13 JavaScript ES6 - 變數宣告let, const

ES6的寫法可以讓JavaScript 變得更簡化、閱讀性更高,現在也有越來越多開源範例還有教學使用ES6,並用Babel來轉換成ES5,而課程也會使用到ES6...

2018-10-28 ‧ 由 UT 分享
DAY 14

14 JavaScript ES6 - 物件縮寫object shorthand

在 ES6 中,對物件的撰寫有更彈性及簡便的使用方式: 屬性縮寫 function makePoint(x,y){ return {...

2018-10-29 ‧ 由 UT 分享
DAY 15

15 JavaScript ES6 - 解構賦值

ES6提供了一種特定語法可以把陣列跟物件中的值取出,並賦值給變數,稱做解構賦值 (Destructuring assignment)。 陣列解構 原本我們要取陣...

2018-10-30 ‧ 由 UT 分享
DAY 16

16 JavaScript ES6 - 字串模板

ES6字串模板可以幫助組合字串以及寫多行字串,使用反撇符號來代替' 及 ": 基本字串用法語ES5一樣: //ES5 var name = &quot...

2018-10-31 ‧ 由 UT 分享
DAY 17

17 JavaScript ES6 - 箭頭函式

箭頭函式是ES6裡一個可以更簡短宣告函式的方式,宣告方式是使用=>替代funciton,而不管在什麼情境下呼叫箭頭函式的,函式裡面的this皆是外面的th...

2018-11-01 ‧ 由 UT 分享
DAY 18

18 Vue實例 - (1) el,data

在這系列文章最一開始的部分有先學習如何創建Vue應用程式,以及一些實例屬性簡單帶過,那在學習了模板語法及ES6後,現在再對Vue實例做比較深入的學習。 Vue實...

2018-11-02 ‧ 由 UT 分享
DAY 19

19 Vue實例 - (2) methods

methods是Vue實例裡會運用到的方法,在學習模板語法v-on時曾使用過應該不陌生,現在來回憶一下。 在這個範例裡有一個數字跟一個按鈕,我們希望每點擊一次按...

2018-11-03 ‧ 由 UT 分享
DAY 20

20 Vue實例 -(3) computed

今天學習的computed他代表計算之後的屬性,computed和methos一樣,屬性裡面放的不是值,而是函式,但是computed的函式裡面一定要retur...

2018-11-04 ‧ 由 UT 分享