iT邦幫忙

UT
iT邦新手 5 級 ‧ 點數 106
12031
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

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

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

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

鐵人鍊成 ｜ 共 30 篇文章 ｜ 35 人訂閱 訂閱系列文 RSS系列文 ｜團隊這樣母Tom姆熊
0 Like 0 留言 8273 瀏覽
DAY 11

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

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

2018-10-26 ‧ 由 UT 分享
0 Like 0 留言 3300 瀏覽
DAY 12

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

昨天學習v-for語法是以render一組標籤來作範例，那如果遇到需要一次render不只一組標籤呢？假設想render出來的結構長這樣： &lt;div id...

2018-10-27 ‧ 由 UT 分享
0 Like 0 留言 2411 瀏覽
DAY 13

13 JavaScript ES6 - 變數宣告let, const

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

2018-10-28 ‧ 由 UT 分享
0 Like 0 留言 3021 瀏覽
DAY 14

14 JavaScript ES6 - 物件縮寫object shorthand

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

2018-10-29 ‧ 由 UT 分享
0 Like 0 留言 1636 瀏覽
DAY 15

15 JavaScript ES6 - 解構賦值

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

2018-10-30 ‧ 由 UT 分享
0 Like 0 留言 2380 瀏覽
DAY 16

16 JavaScript ES6 - 字串模板

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

2018-10-31 ‧ 由 UT 分享
0 Like 0 留言 1198 瀏覽
DAY 17

17 JavaScript ES6 - 箭頭函式

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

2018-11-01 ‧ 由 UT 分享
0 Like 1 留言 4797 瀏覽
DAY 18

18 Vue實例 - (1) el,data

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

2018-11-02 ‧ 由 UT 分享
0 Like 0 留言 2718 瀏覽
DAY 19

19 Vue實例 - (2) methods

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

2018-11-03 ‧ 由 UT 分享
0 Like 0 留言 3461 瀏覽
DAY 20

20 Vue實例 -(3) computed

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

2018-11-04 ‧ 由 UT 分享
UT的鐵人檔案
UT的收藏
UT的追蹤
UT的Like
UT的紀錄
UT的訂閱列表