γεια σας，我是Charlie！ 在Day25當中我們完成了Email訂單通知，而今天我們將完成忘記密碼的部分。 ====================...
以一個這樣的表單為例 <UserForm :data="data" @update:firstName=&quo...
在經過前兩天簡單的介紹 Cypress，現在我想透過一個實際的範例來讓大家更加了解 Cypress 以及到底如何攥寫 E2E 測試。 Vue3 E2E Te...
今天是三天連假的第一天，實體上課真的太累了，一不小心睡到下午诶嘿(๑´ڡ`๑)連假過完鐵人也差不多完成了!時間真的過的飛快啊，今天來講講vue的過濾器，雖然在這...
問題回答 這個例子會示範以 Compositions API 開發一個簡單的圖片輪播。先打 API 從遠端取得資料，之後把資料渲染到畫面，並加入輪播功能，而且輪...
終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成，為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...
目前我們實現了即時搜尋顯示書名相符的書單資料，但是當我切換到其他路由之後又想再回到上一頁的搜尋結果，或是直接在當前路徑重新整理頁面時，搜尋欄位就被清空了，而書單...
目前我們寫好了一個新增的畫面 需求 接下來，常見的需求是，人員的新增之後是人員的編輯。 新增用的畫面 編輯用的畫面 假設編輯時，只能換頭貼，不能改名字的畫面...
今天這篇文章主要會介紹 Cypress 的基本結構以及常見的語法，那我們馬上開始吧！ 基本結構 Cypress 的測試基本結構是由 Test Group, Te...
表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...
問題回答 Composition API 是以邏輯功能來分割程式碼，像是寫原生 JavaScript 一樣，我們會把實現同樣功能的程式碼寫在附近。但 Optio...
為什麼要特別寫 Form 表單攻略呢？因為這是使用者可以輸入資料的常見途徑，一種可以「寫入」資料的方式。 為了使用者可以將資料好好的寫入，單一資料流安排了一系列...
Nnọọ，我是Charlie！在Day23當中我們完成了訂單資料的後端API，而今天我們將完成訂單顯示的前端。 ========================...
透過 Props 可以讓子元件接收來自父元件的「資料」，相對地，父元件則可以接收來自子元件的「事件」，雙方互相傳遞內容，最終可讓子元件變成單純處理畫面樣式的 p...
免責聲明:最近跟著中了"魷魚遊戲"的毒，哈哈哈這個遊戲，相信大多數的人都有玩過~不過，我們的遊戲沒有大筆獎金，也不需要打打殺殺 XD 所以...
What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library，也是這次 E2E Testing 主題所...
問題回答 全域註冊的方法，意思是每個 Vue 元件都能使用的方法。在 Vue 2 會有以下方法： Vue.prototype plugin mixin...
今天來將畫面做好，我們面對的資料長這樣。 需求: 通常一個使用者的 form 表單是用在新增/編輯資料上面。 我們用一個小小的例子，一步一步的完整帶你看看，除了...
今天這篇文章主要想介紹兩個重點： 測試使用 Vuex 的元件 測試 Vuex 本身 Testing Component with Vuex 下面是一個使用了...
之前在 Day15 曾示範單獨在 All.vue 發送 API 取得資料後渲染至畫面上，而上篇我們接續完成其他導覽項目所需要的畫面資料時，應該會發現頁面內容的排...
下面來介紹一下，Vue 3 的一些小小魔法(個人覺得很 Magic ~ 哈哈)，有些是補充說明，有些可能會很少使用到，就連官方都有提醒 " 請謹慎使用...
歐歐歐，在今天的文章開始前插播一則消息，今天是我生日耶✧*｡٩(ˊᗜˋ*)و✧*｡生日也要記的來發鐵人，剩下沒幾天了加加油(๑•̀ω•́)ノ歐給!開始吧! 昨天...
問題回答 懶加載路由或元件的意思是當訪問該路由，或需要顯示該元件時，才載入該路由或元件。這做法會提升網頁效能，在打包時，如果某路由或元件設定了懶加載，就會獨立被...
這需要一個完整的例子。 我先依照先前講的把程式碼先準備好 先看畫面 準備了兩個頁面: User, Users為了示範上面用一個 nav 來切換。 切換到 Us...
Helló，我是Charlie！在Day21當中我們完成了後端的paypal sdk，在今天我們將完成前端結帳的部分。 ====================...
說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...
Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, c...
問題回答 嵌套路由是指在一個 router-view 裏包 router-view，像是在一個畫框裏，再加上一個畫框。例如 /products/tshirt 與...
之前有預告過，發送 API 的時機點需視不同情境及 UX 體驗規劃而定，因此除了選擇在元件內的生命週期 created 發送，另外在 Vue Router 還有...
前一篇說到 該怎麼寫 data 的資料，找回雙向綁定機制 !!!這邊先小小的補充一下 XD 在 Options API 我們 data 裡定義到的東西都可以被...
charlieda
Chris
Mia Yang
ㄆㄩ
Alysa Chan
gior__ann
Teen
iThome鐵人賽
看影片追技術