首先創造元件 Vue.component('MyName',{ template:'<li>自行定義</li>' }) 加入剛...
就這樣接連 30 天順利完成鐵人賽系列了~為所有自律且成功達標的參賽者們一起喝采!!! 在產出本系列文章的同時,也再次複習了當初實作專案時面對到不熟悉的語法,在...
其實原本不是要叫這個名字的。原本要叫《官網沒教你的「如何把 Vue 寫好」》但是太狂了,竟然敢代替官網教你寫 Vue.js,後來想叫《Chris 的 Vue.j...
整個系列都快要完結篇了,怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢?我們已經知道 Vue 基於 MVVM 架構模式,最大的特色就是可以將資料與...
前面講完表單這樣常見又複雜的製作方式,其實在對付的是一種「以物件為根的」資料結構。並且同時又處理掉了物件的物件,以及物件的陣列。那麼所有的表單其實就沒有什麼好害...
基本上設置多國語系算是相對簡單的事情,只要在 <template> 中有使用模板語法的位置,加上 $t() 放入變數即可。因此可以的話,會建議在專案...
今天來介紹一個,因為後端提出這個需求。要接 PATCH API 而產生的做法。 如果都是 PUT 就不用這麼做了。 要修改的地方 store/user/in...
mhoro,我是Charlie! 在Day28的時候我們完成了按讚系統,而今天我們將看看如何增加Facebook跟Line的分享按紐。 ============...
因應國際化的需求,專案決定也要符合 international 的規格,Navbar 右上角的「選擇語系」功能總算要開工了!話不多說,直接介紹接下來要安裝的 p...
今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...
完賽心得啦啦啦 哇嗚,今天就是鐵人賽最後一天了,30天其實過的蠻快的(但如果要再多做個30天想必我也是無法喇),雖然是鐵人30天,但要花的時間絕對是不只30天!...
前情提要 前兩天,我們開始為 Vue.js • TodoMVC 攥寫 E2E 測試,並分別在 Cypress 實戰之 Todo MVC (上) 完成了 C...
Moni,我是Charlie! 在Day27當中我們完成了recaptcha驗證,而今天我們將實作按讚收藏的部分。 ======================...
目前的版面配置是基本的瀑布流效果,而此模式較著重在顯示書本封面圖片,一列只能出現三本書單,RWD 的情況下又會再壓縮顯示空間,相對在瀏覽資訊上的速度會較慢,因此...
今天來看看一個常見問題。 { first_name: 'chris', last_name: 'wang', email: 'chris@goodi...
歐歐歐,竟然已經到第29天了,時間真的是咻咻咻就過了呢!明天就要結束了,真是感傷(☍﹏⁰) (解脫了ε٩(๑> ₃ <)۶з)今天跟昨天一樣來講講c...
前情提要 昨天,我們為了讓大家更加了解 Cypress 的語法以及要如何攥寫 E2E 測試,所以開始規劃為 Vue.js • TodoMVC 攥寫 E2E 測...
沃嗚!鐵人倒數3天了,我們離完賽就差一顛點啦,我們今天來講講components吧~繼續gogogo (「・ω・)「 Component簡介 Vue compo...
目前導覽項目頁面愈來愈完整,相對有愈來愈多小細節需要留意,尤其是資料量變多時,許多瀏覽時伴隨的滾動效果多少會影響使用者體驗,因此除了顧及版面資料和操作功能,UX...
γεια σας,我是Charlie! 在Day25當中我們完成了Email訂單通知,而今天我們將完成忘記密碼的部分。 ====================...
在經過前兩天簡單的介紹 Cypress,現在我想透過一個實際的範例來讓大家更加了解 Cypress 以及到底如何攥寫 E2E 測試。 Vue3 E2E Te...
以一個這樣的表單為例 <UserForm :data="data" @update:firstName=&quo...
今天是三天連假的第一天,實體上課真的太累了,一不小心睡到下午诶嘿(๑´ڡ`๑)連假過完鐵人也差不多完成了!時間真的過的飛快啊,今天來講講vue的過濾器,雖然在這...
問題回答 這個例子會示範以 Compositions API 開發一個簡單的圖片輪播。先打 API 從遠端取得資料,之後把資料渲染到畫面,並加入輪播功能,而且輪...
終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成,為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...
目前我們實現了即時搜尋顯示書名相符的書單資料,但是當我切換到其他路由之後又想再回到上一頁的搜尋結果,或是直接在當前路徑重新整理頁面時,搜尋欄位就被清空了,而書單...
目前我們寫好了一個新增的畫面 需求 接下來,常見的需求是,人員的新增之後是人員的編輯。 新增用的畫面 編輯用的畫面 假設編輯時,只能換頭貼,不能改名字的畫面...
今天這篇文章主要會介紹 Cypress 的基本結構以及常見的語法,那我們馬上開始吧! 基本結構 Cypress 的測試基本結構是由 Test Group, Te...
表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...
問題回答 Composition API 是以邏輯功能來分割程式碼,像是寫原生 JavaScript 一樣,我們會把實現同樣功能的程式碼寫在附近。但 Optio...