鐵人檔案
Livewire 根本全端工程師的救星啊啊啊。幾年前想要做 MVVM 架構即時更新頁面上資料，不用繁雜的 ajax、jQuery 去調整各個 DOM 的話，那就只能改用 Vue、React ...等 SPA 前端框架透過前後端分離的方式來實現。我在體驗了 Livewire 後立馬從寫了三年的 Vue 轉回 PHP，因為 Router 跟 Model 終於不用前後端都各寫一次啦，在前後端都自己寫的情況下體驗直接滿分。也不用再花時間處理前後端的 token、CORS 等等一堆奇奇怪怪麻煩的問題 XD
從 2018 年介紹 Vue 的 UI Framework — Quasar ，到前年的 LINE Bot。 每年鐵人賽都剛好是工作最繁忙的下半年，希望下次能辦...
Livewire 是 Laravel 的全端框架，能建立像 Vue 一樣的動態頁面的同時又能保有 Laravel 原有的特性。除此之外在 SEO 方面仍跟原本...
安裝並部署 Livewire 的步驟沒有很多，照著做不用三分鐘就能完成囉！今天一樣是照著官方文件帶大家做一次囉～ 安裝 Livewire 官方文件 首先要先安裝...
要渲染 Livewire 元件也非常簡單，主要會分成兩種常用的方法，以下會分別對照 官方文件 來做示範。 作爲元件引入 作為頁面中的元件引入使用，可以當作輸入表...
今天的內容是頁面前後端資料傳遞，這個部分跟前面相比來說簡單許多也比較直覺話。如果以前有寫過 Vue.js 的朋友應該會對這個方式非常熟悉，但又稍微的一點點不一樣...
延續昨天的內容，在昨天理解完 mount() 後，今天就開始來對資料進行操作吧！！ 資料綁定 如果用過 Vue 對這個一定已經很熟悉。如果沒用過那這個也非常容易...
互動事件顧名思義，就是前後端之間的互動啦！現在要從頁面上觸發後端的 Function 不用在自己寫 JavaScript 然後用 AJAX 去幫你觸發啦，也不用...
昨天提到了互動事件（Action）基本上能解決大部分頁面中互動的需求，但若要能夠跨元件來進行互動，例如呼叫其他元件中的 Function 就要靠今天的 $emi...
在 Vue.js 有的生命週期在 Livewire 中也都有，除此之外在 Livewire 中各自變數也有各自的生命週期，讓你能更方便的對各個變數週期事件單獨做...
嵌套元件（Nesting Components），在 Vue.js 中是很普遍的用法，可以在父元件賦予數值給子元件進而改變子元件顯示的資料。實作中通常會將可重複...
