前幾篇介紹了 Vuex 管理資料狀態，以及在生命週期或導航守衛發送 API 的時機點，再次回到專案範例，目前已處理好顯示導覽列中的全部書單內容，我們接續完成其他導覽項目所需要的畫面資料。 Vuex 狀...
說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到的資料，並且可以點擊按鈕來更新資料 【...
延續昨日今天先把我們的新增加上apitype首先要先去db.json裡面新增這個欄位 在去addproject.vue 裡面的data新增api_types陣列(我們公司只會用到get 和post 所...
在昨天介紹了vue-router，我們知道vue-router就是扮演一個網址提供者的腳色，讓每個畫面都能有自己專屬的網址，那今天就要使用vue-cli來實作vue-router啦 先來看一下這個首頁...
Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, computed } from 'vue'...
今天練習到 Vue 裡面的 methods（方法），過去使用純 JS 監聽事件觸發後，就會透過函式來做一連串的取值操作，而 methods 就是收集各種方法的區塊。 Methods 先來看一段程式碼...
前言 在過去，路由主要是 Server 負責，根據不同的路由去決定要渲染的頁面，回傳整個 HTML 回來，現在較多的架構是前後端分離，前端負責頁面呈現資料；後端負責提供資料 只要 API 格式定義好，...
Hi Dai Gei Ho~ 我是 Winnie ～ 在今天文章中，我們要來說說 Composition API 中的 <script setup> 什麼是 script setup ？...
前言 Vue CLI 是用來快速建置 Vue 開發環境的一套工具，它是由 Vue.js 團隊所建立的命令列工具。提供 vue 相關的命令執行，例如: vue create建立新專案、vue serve...
問題回答 嵌套路由是指在一個 router-view 裏包 router-view，像是在一個畫框裏，再加上一個畫框。例如 /products/tshirt 與 /products/shoes，做法可...