iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

Vue的菜鳥開發學習歷程 系列

Vue.js,三大前端框架之一,在沈迷於javascript的美妙之下,前進開發之路。
查找網路上資料,大都是以引用CDN方式的教學說明,在公司使用Vue的專案開發模式下,練習Vue做開發,來紀錄一些練習上的菜鳥歷程。
主要練習功能:Component、vue-router、vuex,附加練習功能:scss、typescript...有空的話。
菜鳥的文章歷程初體驗~

參賽天數 10 天 | 共 12 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day01] 菜鳥 Vue 之路...序章

第一次鐵人賽 緊張緊張 雖然開賽前抹你了一下...來硬著頭皮上 前情提要 Vue.js,三大前端框架之一,在沈迷於javascript的美妙之下,前進前端開發...

2020-09-08 ‧ 由 菜鳥阿宗 分享
DAY 2

[Day02] 菜鳥 Vue 安裝之路

好瘩!今天直奔主題,安裝Vue環境,本Rookie因為想裝B下,所以使用環境... MacOS Catalina 10.15 ~使用Windows環境的......

2020-09-09 ‧ 由 菜鳥阿宗 分享
DAY 3

[Day03] 菜鳥 Vue 開專之路

哼哼,先來附上幾個專業的連結 Vue-cli 基礎教學 Vue CLI3 安裝與建立 vue 專案 Vue-CLI 官網 创建一个项目 今天來看...

2020-09-10 ‧ 由 菜鳥阿宗 分享
DAY 4

[Day04] 菜鳥 Vue 看專之路

好的,糊裡糊塗的終於麻煩之一的建專案部分在昨天已經建完啦!!!開勳~先來附上昨天最後的圖唄不錯不錯好的首先來講講昨天最後留了一個massage....( 痾 命...

2020-09-11 ‧ 由 菜鳥阿宗 分享
DAY 5

[Day05] 菜鳥 Vue 入專之路

看來是時候進入專案了...不然被斷頭就糟了(!?) 來來來 先附個專案開啟圖唄不錯不錯 再來做一下前置作業吧(!?又來!?)不急不急幫你好開發咩望向VSCode...

2020-09-12 ‧ 由 菜鳥阿宗 分享
DAY 6

[Day06] 菜鳥 Vue 基礎之路

好的來花個兩天假認真講講常用的Vue的語法吧不過可能先來講講Vue的Component唄好的我們的專案開啟路由是 http:⁄⁄localhost:8080⁄「...

2020-09-13 ‧ 由 菜鳥阿宗 分享
DAY 7

[Day07] 菜鳥 Vue 基礎之路 (續)

好的今天來努力補下昨天後面的兩個... Vue的基本語法1: Interpolations(插值) ,作數據綁定不同的插法不同的效果(笑): Attri...

2020-09-14 ‧ 由 菜鳥阿宗 分享
DAY 8

[Day08] 菜鳥 Vue 如果......

好的因為前兩天Vue的插(值)法和效果來回顧下吧: Vue的基本語法1: Interpolations(插值) Text (文本)“Mustache”...

2020-09-15 ‧ 由 菜鳥阿宗 分享
DAY 9

[Day09] 菜鳥 Vue 不同如果

好的因為加班熬夜加班熬夜 雖然現在也在熬夜...承昨日的 「 v-if 」: 條件式渲染  如果條件成立,則「插入」元素;如果不成立,則「移除」元素  對DOM...

2020-09-16 ‧ 由 菜鳥阿宗 分享
DAY 10

[Day10] 菜鳥 Vue 循環之路

好的沈重的雙眼皮來來來有了基本的判斷 (v-if) 能力當然要再進化下今天 就來讓你「進化」! 何謂進化?就是... “單一” → “重複” 蛤? 說人話!...

2020-09-17 ‧ 由 菜鳥阿宗 分享