父元件

傳遞方法使用@

<template>
   ...
   <Login @modalClose="modalClose"/>
   ...
</template>

<script setup>

    const _modal = ref();
    
    function m

學習

創作

職場產業

軟體開發

Vic Lin的沙龍

Vue 3.2 defineEmits 用法

前情提要
由於我的筆電已經用了10年，無法再戰下去了，且有預算考量，加上使用電腦幾乎都是定點，只有偶爾回家的時候會需要攜帶，因此最終選擇了迷你電腦，體積小不占空間，又方便攜帶，剛好符合我的需求。      
菜單
由於這台無法裝獨顯，所以CPU的部分選擇 AMD R5 3400G(含Vega 11內

音樂藝文

ASRock AMD DeskMini X300 超高CP自組筆記

Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便:
本筆記參考:
https://juejin.cn/post/7104071421160063012
https://juejin.cn/post/7086472647575339045


投資理財

Nuxt3 使用 useFetch 取得數據

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

Vue 3.2 defineProps 用法

比如點了商品詳細資料，會導到商品詳細資料頁面並帶上id，或者點了商品分類，將類別id帶過去抓出該類別的商品資料等等。
巢狀路由用法:
同一層page帶動態參數用法:
跳轉頁面可直接使用nuxt-link
若是要用類似v-to的用法來存取v-for的變數，要用:to
本筆記參考:
https://it

Nuxt 3 動態路由

位址登錄->網路資料夾中，輸入NAS資料夾路徑、NAS用戶帳密: 比如這邊我是NAS中有個scanner的user，專門用來掃描文件用的。


文化生活

SHARP印表機 - 設定掃描至NAS

首先要先設定兩步驟驗證:
2. 設定完就會出現應用程式密碼:
選取應用程式: 郵件
因為是印表機要用的，所以選取裝置選其他(自訂名稱):
按下產生後，即會產生一組應用程式密碼:
接著到印表機設定後台，找到SMTP設定:
主要伺服器: smtp.gmail.com
連接埠號碼: 465

傳送方位址/

SHARP印表機 - 使用Google SMTP寄掃描檔

管理Google帳戶 -> 資料和隱私權: 下載您的資料
會進到Google匯出頁面:
選取Gmail按下一步:
選擇轉移目標:
我這邊選傳送到email->建立匯出作業
等完成後，會收到email:
收到的mail:
下載後的zip解壓縮，裡面有個.mbox檔案，這種檔案格式可用Mbox View

Gmail 匯出郵件 - 使用MBOX Viewer瀏覽

1. 開啟本機群組原則編輯器: 搜尋gpedit.msc
2. 路徑: 電腦設定 > 系統管理範本 > Windows 元件 > Windows Update > 管理使用者體驗 > 設定自動更新
3. 設定為已停用: 套用->確定
這樣就完成了，之後想更新系統，就要到「設定」的「Windows U

Windows 11 停用自動更新

安裝Node.js
使用nuxi建立nuxt 3 專案:
3. 進入專案目錄後，安裝相關套件:
4. 啟動nuxt:
跟Nuxt 2用法一樣，新增一個元件放到components資料夾中，可以直接引用:
pages用法也一樣，這邊把app.vue改放到pages下，改成index.vue，然後新增一