先寫 API 文件。 可以使用mockAPI的服務取得一組 user 的 API。 因應需求寫的 API 文件 GET /user response 200 {...
話說~ 從疫情到現在，已經不知道多久沒出去玩了~好想出去玩玩喔~ 從開賽到現在已經默默地來到第二十天了~以目前所學習的內容，已經可以開發一個小小 Vue...
這個範例實作：在 Dialog 內放入表單，確認 submit 後，才關閉 Dialog。 Case01 Controller 與 Day18 一樣，不需要...
昨天介紹了computed的基本使用方式，今天多講一點點有關methods的，大家準備好了嗎ε٩(๑> ₃ <)۶з 計算屬性緩存Computed...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Storybook 除了可以為元件攥寫 Story 以外，也可以攥寫純內容的說明文件，不過純內容的說明文件只能使用上一篇所介紹的 MDX 格式，所以如果還太不熟...
嘿，今天是怎樣？都沒有人交作業，是不是昨天的太小菜一疊了！ 今天是昨天的延伸，但說難也難不到哪裡去啦～ 因為相信經過前面的兩天，應該已經很清楚步驟了吧？ 跟前...
問題回答 teleport 是 Vue 3 新增功能。teleport 就像是多啦A夢的「隨意門」一樣，只要設定了 teleport，就能夠把 DOM 內容隨意...
Përshëndetje，我是Charlie！在Day13當中我們完成了後端的購物車總商品顯示、加入購物車功能，今天我們將完成前端的部分。 ==========...
這篇套用並調整 Day26 的 jQuery UI Selectmenu Vue Component 來產生三個 jQuery UI Selecemenu 下拉...
先重新封裝 axios 的用法。並且一開始先不打算開放使用 axios 原生功能。 希望可以讓 GET: API.GET(url, params) 其它的就照...
今天我們會利用上一篇的 分頁組件 範例來做更改，不過差別在於，這次我們父子組件的溝通不是透過 props & $emit 而是透過另一個方式來達成相同的...
前幾天我們介紹了如何將vue 物件中的屬性綁定到模板中，我們講到可以直接在模板中插入JavaScript 表達式來做運算，但實際上Vue不建議我們這麼做，若是簡...
簡介 vue原生元件，可達到cache目的。使元件狀態維持不變，不重走生命週期。 新增鉤子activated: 被keep-alive涵蓋的原件重新渲染時觸發...
蘇
‧
2021-09-28
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
MDX 是 Storybook 提供的另一種攥寫文件的格式，MDX 結合了 Markdown 和 JSX 的標准文件格式，使我們可以用一些 Markdown 語...
哈囉大家好～不知道昨天的進度條做的怎麼樣？ 想要交作業的人可以貼在昨天的留言區給我呦！ 那我們今天的內容也很簡單，二話不說，要開始囉？ 前置作業 跟昨天的環...
帶參數 mock mock_adapter.onGet("/todo-list", { params: { id: "1"...
蘇
‧
2021-09-27
問題回答 slot（插槽）的概念是把外層的內容塞進子元件的指定位置裏。跟插槽的字面意思一樣，前提是：有插口才能插。子元件需要開一個插口（slot），才可以在外層...
這是我個人的使用偏好，而且是以抽象資料型別的使用方式來理解 vuex 的使用方式。也許，我是說也許啦！和官網的不太一樣。 昨天介紹了物件設計的核心原則，就是...
組件的部份因為有比較複雜，所以會做個小練習來熟悉一點 - 分頁的組件 分頁組件(props & $emit 運用) 快速利用簡單的分頁組件範例來寫個小練...
這篇要做的：把訂單日期改用 jQuery UI DatePicker + vue component ! Case01 建立 jquery-ui-date-p...
前兩天講了模板語法中的插值，今天來講指令的部分吧۹(ÒہÓ)۶ Directives 指令 Vue的特殊DOM屬性都會以v-開頭，如v-if，這些特殊屬性的內容...
DocsPage DocsPage 是由 Storybook Docs 所提供的頁面，無需任何的設定自動就會從 Stories 和元件中的 props, emi...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
終於到了我們的元件篇啦！！！ 今天是第一個元件，所以稍微簡單一點。我們要來做下載的進度條～ 前置作業 我們這次要使用的專案環境是 Vue 的，所以之前建立過...
在前一篇中，我們已經了解父組件向子組件傳遞資料了，接著來認識子組件向父組件的溝通吧 子組件向父組件溝通: $emit 子組件(傳送) this.$emit(&q...
前一篇提完透過axios 進行HTTP請求，但前後端分離且分工的狀態下，前端工程師為了驗證成果需要透過假資料檢視渲染後實際情況，axios-mock-adapt...
蘇
‧
2021-09-26
問題回答 directive（指令）是我們在 Vue 自定義的指令。當我們要重複處理某些工作，例如轉換時間呈現的格式的工作，可以使用 directive 來處理...
வணக்கம்，我是Charlie！在Day11當中，我們完成了總商品的API以及分類，而今天我們將完成商品詳情的後端API。 ================...
Chris
gior__ann
水無痕
ㄆㄩ
Mike
Mia Yang
搋兔
Alysa Chan
charlieda
iThome鐵人賽
看影片追技術