iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

log Vue 一下 系列

不像阿傑好師可以 logV一下,但可以 logVue一下!log 取工作記錄之義,目標將 Vue上手,從不會到可以應用實作。自習教材以六角學院教學影片及官方文件為主,文章將紀錄學習目標、心得及其他角度發想實作後結果,還有其他優質乾糧網站讀後部分彙整

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

Vue一下 首日:簡介與適用對象

這裡你會看到... 以六角學院 Vue 出一個電商網站 為主教材的觀後學習紀錄,因版權問題,影片相關內容僅會出現未購買也看得到的公開資訊,若有侵權敬請告知啊~感...

2018-10-16 ‧ 由 PeterLiao 分享
DAY 2

Vue一下 二日:選擇Vue與工具準備

六角選擇 Vue錄製教材的原因 語法直觀、學習曲線較平緩、雙向綁定。 語法直觀及學習曲線平緩對於一個自學入門前端者而言,我認為非常重要,不容易受挫、容易吸收...

2018-10-17 ‧ 由 PeterLiao 分享
DAY 3

Vue一下 三日:Vue與 jQuery,跟一些指令們

Vue與 jQuery vue是以資料來進行操作,jQ則是以DOM來操作。有人說兩者無法比較,不過要比也是可以,至於要選擇哪個,可以視專案的大小、生命週期來決定...

2018-10-18 ‧ 由 PeterLiao 分享
DAY 4

Vue一下 四日:表單綁定&組件components-財神爺相助

表單binding 想起之前做的一個案子,要做擬遊戲式的介面體驗,就像我們玩大富翁一樣,有頭像、名字、金錢,名字我想要換上自己取的名字,就可以使用表單bindi...

2018-10-19 ‧ 由 PeterLiao 分享
DAY 5

Vue一下 五日:實作一個Todo List

這篇反而沒有程式碼 為什麼?因為這應是影片的精華,就是要花錢的意思,今天只會分享一些想法、流程,其他只能靠讀者嘗試、google跟爬官網了。 CRUD 實作一個...

2018-10-20 ‧ 由 PeterLiao 分享
DAY 6

Vue一下 六日:Class與Style綁定

html綁定class object 在前一日有提到切換頁籤功能,我們用click改變元素的class。邏輯是: click改變條件式,記得要在data宣告c...

2018-10-21 ‧ 由 PeterLiao 分享
DAY 7

Vue一下 七日:來談條件啊!

v-if 之前有提過,不過我們來說說更棒的寫法!老套路,先上官網条件渲染回到之前大富翁的主題,我們可以在界面上選擇切換: 詳細狀態:有細緻的大頭照、現金、存款...

2018-10-22 ‧ 由 PeterLiao 分享
DAY 8

Vue一下 八日:computed/watch

computed 计算属性和侦听器 所以,对于任何复杂逻辑,你都应当使用计算属性。 我們如果寫<p>{{ message.split('').r...

2018-10-23 ‧ 由 PeterLiao 分享
DAY 9

Vue一下 九日:表單的一些細節們,lazy絕對不是在說你

select option 在第四日表單綁定有提到如何在表單呈現資料,來說說多一點細節。官網連結:表单输入绑定 选择框 v-for 跟 v-for搭配使用,輕鬆...

2018-10-24 ‧ 由 PeterLiao 分享
DAY 10

Vue一下 十日:一直看著 v-on背影的修飾符們

v-on 官方連結 v-onv-on 的修飾符滿多的,我們在第三天有先提過很常用到的 prevent,接著要來聊聊其他的修飾符。 stop .stop - 调...

2018-10-25 ‧ 由 PeterLiao 分享