iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端我又來了 - 30天 Vue學好學滿 系列

繼上屆自我挑戰完JavaScript後,這次決定進一步從框架下手,剛好目前工作上使用了Vue,雖然已經使用一陣子了,但整體對前端框架以及CSS的應用還是不太熟悉,又到了強迫自己每天學習的時候了,走起!

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

[30天 Vue學好學滿 DAY21] Vuex-4

Action 類似於mutation     action -> mutation -> 改變狀態 vs 直接提交mutation -> 改變...

2021-09-21 ‧ 由 分享
DAY 22

[30天 Vue學好學滿 DAY22] Vue Router-1

Vue 官方所提供的路由,由於使用vue2,Vue Router 版本選擇v3。 安裝 // npm npm install vue-router 應用 新...

2021-09-22 ‧ 由 分享
DAY 23

[30天 Vue學好學滿 DAY23] Vue Router-2

昨天筆記了基礎Vue Router 以及 History概念,今天繼續筆記其他細項用法。 動態路由 將不同路由導向同個元件,可視為帶入不同參數至同元件中。 於r...

2021-09-23 ‧ 由 分享
DAY 24

[30天 Vue學好學滿 DAY24] Vue Router-3

router-link to 函數 指定導向,包含以下方法 <!-- 直接指定路徑 --> <router-link to="/&q...

2021-09-24 ‧ 由 分享
DAY 25

[30天 Vue學好學滿 DAY25] axios API

vue.js2.0後版本推薦使用axios來完成ajax請求為Promise-based HTTP client非同步,可於then後進行操作、catch錯誤處...

2021-09-25 ‧ 由 分享
DAY 26

[30天 Vue學好學滿 DAY26] axios & axios-mock-adapter

前一篇提完透過axios 進行HTTP請求,但前後端分離且分工的狀態下,前端工程師為了驗證成果需要透過假資料檢視渲染後實際情況,axios-mock-adapt...

2021-09-26 ‧ 由 分享
DAY 27

[30天 Vue學好學滿 DAY27] axios-mock-adapter-2

帶參數 mock mock_adapter.onGet("/todo-list", { params: { id: "1&quot...

2021-09-27 ‧ 由 分享
DAY 28

[30天 Vue學好學滿 DAY28] keep-alive 狀態保留

簡介 vue原生元件,可達到cache目的。使元件狀態維持不變,不重走生命週期。 新增鉤子activated: 被keep-alive涵蓋的原件重新渲染時觸發...

2021-09-28 ‧ 由 分享
DAY 29

[30天 Vue學好學滿 DAY29] 番外篇-測試

這陣子剛好在跟朋友討論測試的重要以及測試的種類與各種情境,剛好測試也是面試的問題基礎題,剛好趁著個機會整理一下吧~ 軟體測試是甚麼?為甚麼要測試? 透過測試可確...

2021-09-29 ‧ 由 分享
DAY 30

[30天 Vue學好學滿 DAY30] 總結 & 完賽感言

最後一篇文,擠出了一些覺得在開發上容易踩的雷以及要注意的事情 要使用、渲染的變數除了傳遞進入元件的,都需定義於data HTML中不需使用 this...

2021-09-30 ‧ 由 分享