Vue3

如果前人已經走出一條最佳路徑，我們只顧著欣賞也會到山頂 關注點的改變 一個好的架構都會希望讓開發者能專注在”業務邏輯”的實現，可以提高專案的開發效率、減少開發者非關業務邏輯的事情而煩惱。例如: 開發者A: 請問元件的對話窗如何在確認時控制關閉或開啟狀態? 這個實際案例是架構師認為對話窗的動作

前言 Vue 是一個現代開發框架，擁有完尚的生態系，讓我們可以將須多元件客製化，做出組件，並且可重複利用，高擴充性。在開發組件時，每個組件都擁有自己的生命周期，Vue 組件會偵測每個變數值，是否有變，並且更新內容，今天要一個一個了解 Vue 的生命週期，讓大家有更多認識。 Vue 的生命週期

我在學習vue的過程中，一開始是先從輕前端(用CDN引入)開始學。這時候看Vue的官方文件會有些困惑，原因是有沒有用vite建構，在元件寫法上會有些差異。所以我寫下這篇筆記來整理這兩者寫法上的差異。 起手式 1.非建構:使用cdn 在html的header中插入以下script標籤 <s

父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m

有多種情況下我們需要從API取消請求： 如果我們正在建立一個支付系統，並且請求一直進行，但使用者希望立即取消這筆訂單。這就是為什麼開發者會建立這個功能的原因。 從電子商務購買商品。使用者意外關閉了頁面，無法立即返回上一頁。 訂閱取消。 ......等等 這將對對這個系統沒有信心的使用者產生影響。因

前言介紹 在 golang 1.16之後官方提供的工具包裡面有個 `embed` 可以使用，這使得把檔案嵌入 golang 的二進制編譯更為容易，以至於方便我們部署一些並非 .go 的副檔名檔案。 這裡要介紹的是如何把 vue 作為前端，編譯至我們的 golang 專案內，起一個網頁服務。 在開始

自學筆記 - Vue3 watch 的應用

父元件 傳遞變數時須加上冒號 子元件 接收props用法如下 本筆記參考: 1. https://www.netlify.com/blog/understanding-defineprops-and-defineemits-in-vue-3.2 2. https://juejin.cn/post/7

續上篇，那是Vue 2 Options API的舊寫法，這邊改成用Vue 3 Composition API的寫法: Vue2: Vue3 setup() / ref / reactive Composition API可以直接在setup()裡面定義data跟method，簡潔許多。 props

如果你在任何地方看到六角學院新的一年又開啟了新的 Vue 直播班，且你跟我一樣還是一個非資工背景學生、一樣很害羞常常不敢公開問（程式）問題、但不確定是否跳坑一同學習的話，這篇文章很適合你。