iT邦幫忙

鐵人檔案

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

新手初探 Vue 系列

想藉由這次活動,來初探 Vue 30天

參賽天數 11 天 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 11

鐵人賽Day22 - ES6 之展開與其餘

在陣列的操作上,ES6 多了許多方便的方法,首先先介紹展開,展開的部分可以讓我們合併陣列更直覺: let groupA = ['小明', '杰倫', '阿姨']...

2019-10-16 ‧ 由 Jerry Huang 分享

鐵人賽Day23 - ES6 之解構賦值

解構賦值的概念,有點像是把一份資料複製到另外一份,在以往我們要把陣列的值取出來,要透過宣告一個變數來放置,如下: let family = ['小明', '杰倫...

2019-10-18 ‧ 由 Jerry Huang 分享

鐵人賽Day24 - ES6 之縮寫

const Frieza = '弗利沙' const GinyuTeam = { Ginyu: '基紐', Jeice: '吉斯', burter:...

2019-10-22 ‧ 由 Jerry Huang 分享

鐵人賽Day25 - ES6 之箭頭函式

var callSomeone = function (someone) { return someone + '吃飯了' } 上面是我們一般傳統函式的寫...

2019-10-23 ‧ 由 Jerry Huang 分享

鐵人賽Day26 - ES6 之字串模板 Template String

在以往我們在字串的組合上會比較冗長,如下: const people = [ { name: '小明', friends: 2 },...

2019-10-24 ‧ 由 Jerry Huang 分享

鐵人賽Day27 - 常用的陣列方法

前一篇有講到 .forEach() 和 .map(),所以這裡就不講這兩個部分,我們先有個基本的陣列資料: const people = [ { n...

2019-10-25 ‧ 由 Jerry Huang 分享

鐵人賽Day28 - Vue Cli

Vue Cli是什麼? 基於 webpack 所建置的開發工具 便於使用第三方套件 (Bootstrap,axios,Vue Router...) 可運行...

2019-10-28 ‧ 由 Jerry Huang 分享

鐵人賽Day29 - Vue 插曲之 Git 基本指令

這次的挑戰也即將要進入尾聲了,雖然不能準時完賽,但至少我盡力了,但還是覺得有點可惜之所以會這麼跳 tone 跑到 Git 來,是因為剛好有這個需求,就順便來摸一...

2019-10-29 ‧ 由 Jerry Huang 分享

鐵人賽Day30 - Vue Router 及配置路由文件

首先我們要先安裝 Vue RouterVue Router 安裝參考資訊先在終端機輸入 $npm install vue-router --save接著我們就要...

2019-10-30 ‧ 由 Jerry Huang 分享

鐵人賽Day31 - 新增路由路徑及連結

按照鐵人賽的規則,只要發文30篇即可,但是我不小心把 Day5 給刪了,所以才會有 Day31 的出現 雖然我中間因為忘記發文早已失去資格了 但是這裡我還是會繼...

2019-10-31 ‧ 由 Jerry Huang 分享