【electron+vue3+ts實戰便箋exe】二、electron+vue3開發內容
阿新 • • 發佈：2020-12-28
> 不要讓自己的上限成為你的底線
本來以為有萬字的。。沒想到才堪堪近6000字。為了水文的嫌疑，只挑了重點的地方講，比如`component`內的元件就挑了`右鍵彈窗去說明`，建議在看本文的時候邊檢視專案，有不懂的可以在下方評論，謝謝。
> github
> github: https://github.com/heiyehk/electron-vue3-inote
> 包下載
> release: https://github.com/heiyehk/electron-vue3-inote/releases
接上篇配置篇 [【electron+vue3+ts實戰便箋exe】一、搭建框架配置](https://www.cnblogs.com/hkly/p/14189847.html)，這裡更新了一下vue3的版本`3.0.4`，本篇文章只講開發內容，主要還是`vue3`方面，長文警告。ps:smartblue這個主題好好看。。。
## router
增加`meta`中的`title`屬性，顯示在軟體上方頭部
``` ts
import { createRouter, createWebHashHistory } from 'vue-router';
import { RouteRecordRaw } from 'vue-router';
import main from '../views/main.vue';
const routes: Array