iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

我的Vue學習筆記 系列

去年底剛踏入程式世界,順利從行銷轉職前端,框架一直是想認真深入的課題,雖然斷斷續續學了一點,但都沒有持續,學學忘忘....
所以希望透過這次的鐵人賽挑戰自己30天接觸vue,一個月內學會框架!!!

和兩個朋友組了團,這更激勵了自己要去完成這項挑戰,期待30天後我們的成長。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊寫 code 需要講幹話
DAY 11

Day11-動態元件

這章節是延伸v-if和v-show管理元件,如何用更簡便的方式做tab頁籤。 v-bind:is 做一個tab按鈕切會下面顯示的內容,直覺的方式是直接用v-if...

2021-09-26 ‧ 由 hsiu753 分享
DAY 12

Day12-slot插槽

元件的概念大概有了部分的了解,同一個元件可以重複利用,但這句話好像有個問題,不同頁面使用相同架構的元件內容肯定需要做替換,這時候就是slot要出場啦! 元件編譯...

2021-09-27 ‧ 由 hsiu753 分享
DAY 13

Day13-元件漸變語動畫

漸變transition 這邊就像寫css一樣,只是要漸變的東西包在transition裡面,並到css下樣式。 進場 v-enter-from v-ent...

2021-09-28 ‧ 由 hsiu753 分享
DAY 14

Day14-Vue CLI 介紹

他是Vue.js官方提供的開發工具,可以快速的建置架構,常用於製作單頁應用(SPA)網站。 安裝 安裝Node.js(官網https://nodejs.org...

2021-09-29 ‧ 由 hsiu753 分享
DAY 15

Day15-Vue SFC 單一元件檔

SFC是什麼 Single-file components單一元件檔是一個集合HTML、JavaScript 及 CSS的檔案,用.vue檔案作為一個元件。 從...

2021-09-30 ‧ 由 hsiu753 分享
DAY 16

Day16-Vue CLI 環境設定與打包部屬

package.json專案與套件相依設定檔 在開啟專案時我們使用的npm run serve指令就是在package.json中被定義的,打開package....

2021-10-01 ‧ 由 hsiu753 分享
DAY 17

Day17-Vue Router與前端路由管理

什麼是路由? 瀏覽器透過不同的網址,向後端的網頁伺服器發送請求 (Request),而伺服器接收到瀏覽器的請求後, 回應對應的內容給瀏覽器來渲染,這樣的機制我...

2021-10-02 ‧ 由 hsiu753 分享
DAY 18

Day18-Vue Router 路由設定(part1)

昨天有提到的路由今天要來做拆解,做更深入的了解。昨天提到的router/index.js設定也可以寫成像書中的方式,裡面有兩個今天要研究的重點history和r...

2021-10-03 ‧ 由 hsiu753 分享
DAY 19

Day19-Vue Router 路由設定(part2)

巢狀路由 在原先的router-view中再放一個router-view。 接續前一個案例,User.vue中放一個router-view給等一下要新增的Pos...

2021-10-04 ‧ 由 hsiu753 分享
DAY 20

Day20-<router-link> 建立路由連結

前幾天使用的router-link功能主要是產生超連結最基礎的方式,但其實他有很多變化方式。 to屬性 to的屬性其實是在Vue router中執行了route...

2021-10-05 ‧ 由 hsiu753 分享