在使用Laravel和Vue.js創建前後端分離架構時，通常使用API來進行前後端數據交互。下面是一些步驟，使用API來串接Laravel和Vue.js： 創建API路由：在Laravel中使用ro...
Vue.js 提供了一套生命周期方法，這些方法允許你在 Vue 實例不同階段執行代碼。Vue 實例有以下生命周期鉤子： beforeCreate：在 Vue 實例初始化之後，但是在實例被創建之前立...
在 ionic ion-tabs 加上 ion-fab 原本的設計中在底部會有一個點擊後開始遛狗的按鈕，作用是計時與紀錄路徑、公里數，但卻不知道要如何在底部的 ion-tabs 中加入 ion-fab...
今天會延續昨天尚未看完的一些常見用法，繼續從vue-router學react-router。在正式開始之前，也稍微前情提要一下，昨天我們除了了解什麼是react-router及react-router...
今天主要一樣會偏向於從使用的方式來了解React相關的路由使用方式，不過在這之前還是會先來認識提到React的路由就會看到的兩個名字，分別是react-router和react-router-dom，...
概述 今天將會紀錄實做上一篇所說的集中式 API，但目前的實做狀況卻遇到了問題(沒想到在快尾聲的時候遇到了建置問題😥)，希望能在明天解決。 實做 Step1: 首先就如上一篇所說在 src 檔案夾下建...
V19_從Vue的範例做中學(3)_CRUD 今天來練習一下，在網頁資料中常見的 CRUDCRUD 是 Create(新增), Read(讀取), Update(更新), Delete(刪除 四個字的...
本篇要來介紹當使用者滑到該圖或該組件時，才載入圖或組件的應用 還記得我們在16篇以及17篇分別提到 圖片懶加載 IntersectionObserver API ▲ 而16篇只提到Javasc...
Vue 中的動態組件是指當在父組件中需要對多個子組件進行來回的切換，此時就能使用動態組件來實現。例如，將 comp1.vue、comp2.vue 和 comp3.vue 做成一組切換，每次只能呈現一個...
前言 看到 for 這個字樣，應該已經知道他在做啥了！ 沒錯，跑迴圈。 在網頁畫面中常常會有清單資料，像是購物網的商品清單，或是 google 搜尋完的每一筆資訊，都算是清單資料的一種。 這種結構相同...