鐵人檔案
Livewire 根本全端工程師的救星啊啊啊。幾年前想要做 MVVM 架構即時更新頁面上資料，不用繁雜的 ajax、jQuery 去調整各個 DOM 的話，那就只能改用 Vue、React ...等 SPA 前端框架透過前後端分離的方式來實現。我在體驗了 Livewire 後立馬從寫了三年的 Vue 轉回 PHP，因為 Router 跟 Model 終於不用前後端都各寫一次啦，在前後端都自己寫的情況下體驗直接滿分。也不用再花時間處理前後端的 token、CORS 等等一堆奇奇怪怪麻煩的問題 XD
實作待辦事項的第三天，今天把切換日期的功能做好就完成啦！！今天會透過路由傳遞日期像是這樣 https://exmaple.com/todo?date=2021-...
今天來做第二個實作：購物網站。這也是很容易遇到的專案類型，照原本的做法做一個購物網站都要花費大量的時間在處理頁面與資料間的溝通，透過 Livewire 能讓開發...
本來預計都寫在 Day22 的，但是加上本篇內容後會讓一天的篇幅太長，且考慮到有些夥伴可能沒有建立資料表的需求。因此資料建立方面獨立開一篇來做解說，之後的內容接...
有了商品列表，那應該要能點進去看商品的細節吧。所以今天就是來做點進去後的商品細節頁！ 今日目標：商品細節頁 ㄧ、先刻畫面吧！ 因為是範例我們一樣也是先參考別人的...
實作了商品細節頁之後就要把商品加進購物車啦，今天會把要買的東西存進 Laravel 的 Session 中。那就來看看怎麼做吧！ 今日目標：加入購物車 ㄧ、刻一...
購物網站能加入購物車後，就只剩結帳功能啦！！不過串接金流的方面與本主題較無關，所以這邊只會做完結帳的頁面，並可以刪除不要購物車的項目。 今日目標：結帳頁面 第一...
如果還是比較習慣 Vue.js 的方式，像是 @click、v-model、v-if 之類的，換到 Livewire 後非常不習慣的話。那可以試試看 Alpin...
透過 x-data 宣告一個 Alpine 元件後就可以來操作裡面的內容啦！今天會大略介紹一些比較常用的屬性，也都跟 Vue 非常相似！ 常用屬性 x-show...
昨天還少講了一個最最最常用到的 x-model。如同他的樣子，跟 v-model、wire:model 一樣都是拿來綁定資料用的。由於前面也有介紹過 Livew...
x-on x-on 可以簡單的用從 DOM 中來觸發事件，像是最常用的按鈕： <button x-on:click="alert('Hello...
