Vue3
含有「Vue3」共 11 篇內容
全部內容
發佈日期由新至舊
為什麼要登出使用者？
安全性：防止未經授權的人，在使用者暫離時使用系統，這在公用或共享電腦的環境中尤其重要。
資料保護：只要使用者處於登入狀態，就會暴露在個人資料被他人操縱或利用的風險中，因此登出閒置使用者對資安也很重要。
如何在 Vue 3 專案中實作此功能？
如果前人已經走出一條最佳路徑，我們只顧著欣賞也會到山頂
關注點的改變
一個好的架構都會希望讓開發者能專注在”業務邏輯”的實現，可以提高專案的開發效率、減少開發者非關業務邏輯的事情而煩惱。例如:
開發者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 專案內，起一個網頁服務。
在開始
父元件
傳遞變數時須加上冒號
子元件
接收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
