我們知道，基于Typescrip的項目，在項目中都有一個typescript的配置文件tsconfig.json，其中對一些typescript的目錄或者設置進行設定 。由于在VSCode加載項目的時候 ， 會把項目相關的類型定義加載進來，它的配置在Include的配置項中 。
文章插圖
其中一些項目全局通用的定義放在了types/*.d.ts 里面的，我們查看types目錄 ， 可以看到很多全局的定義信息，如下所示 。
文章插圖
我們在這里增加一個獨立的文件，來設置我們定義掛載對象的接口類型信息 。
另外我們打算的全局輔助類對象的信息 ， 放在util目錄里面，如下所示 。
文章插圖
編寫相關的代碼，并提供一個install的組件安裝方法，給在main.ts中調用處理 。
文章插圖
在mian.ts中 ， 使用use的方式實現掛載處理即可 。
app.use($u);//掛載自定義的一些變量輔助類而對應的輔助類接口定義，統一放在全局的Types目錄的一個單獨的$u.d.ts文件中定義 。
文章插圖
例如我們定義常規彈出消息的函數接口如下所示 。
//定義自定義類$u的接口類型interface message_interface {Message(message: string): any;success(message: string): any;warn(message: string): any;error(message: string): any;confirm(message = '您確認刪除選定的記錄嗎?'): Promise<any>;};其他的一些接口定義，則進行組合處理即可 。
文章插圖
而我們最終的目的就是通過$u可以獲得相關 $u_interface 的接口信息即可 。
最后我們來看看用戶信息管理頁面的界面效果，頁面很多地方使用了基于Vue3+TypeScript的全局對象的注入處理 。如一些信息提示 ， 一些通用函數的調用等 。
文章插圖
系列文章：
《基于SqlSugar的開發框架的循序漸進介紹（1）--框架基礎類的設計和使用》
《基于SqlSugar的開發框架循序漸進介紹（2）-- 基于中間表的查詢處理》
《基于SqlSugar的開發框架循序漸進介紹（3）-- 實現代碼生成工具Database2Sharp的整合開發》
《基于SqlSugar的開發框架循序漸進介紹（4）-- 在數據訪問基類中對GUID主鍵進行自動賦值處理》
《基于SqlSugar的開發框架循序漸進介紹（5）-- 在服務層使用接口注入方式實現IOC控制反轉》
《基于SqlSugar的開發框架循序漸進介紹（6）-- 在基類接口中注入用戶身份信息接口》
《基于SqlSugar的開發框架循序漸進介紹（7）-- 在文件上傳模塊中采用選項模式【Options】處理常規上傳和FTP文件上傳》
《基于SqlSugar的開發框架循序漸進介紹（8）-- 在基類函數封裝實現用戶操作日志記錄》
《基于SqlSugar的開發框架循序漸進介紹（9）-- 結合Winform控件實現字段的權限控制》
《基于SqlSugar的開發框架循序漸進介紹（10）-- 利用axios組件的封裝 ， 實現對后端API數據的訪問和基類的統一封裝處理》
《基于SqlSugar的開發框架循序漸進介紹（11）-- 使用TypeScript和Vue3的Setup語法糖編寫頁面和組件的總結》
《基于SqlSugar的開發框架循序漸進介紹（12）-- 拆分頁面模塊內容為組件，實現分而治之的處理》
《基于SqlSugar的開發框架循序漸進介紹（13）-- 基于ElementPlus的上傳組件進行封裝，便于項目使用》
【14 基于SqlSugar的開發框架循序漸進介紹-- 基于Vue3+TypeScript的全局對象的注入和使用】
推薦閱讀
- Docker MySql 查看版本的三種方法
- ddr5內存和ddr4區別_ddr5內存和ddr4性能差距
- 閃擊戰10級重坦排行-坦克世界閃電戰排名最好的坦克
- 快手直播放電視劇是怎么做到的（快手無需滑動播放下一個視頻)
- 打麻將認牌的基本技巧（捉雞麻將拆牌技巧)
- 我的 Kafka 旅程 - broker
- .NET源碼學習 [算法2-數組與字符串的查找與匹配]
- 庫克首次回應iPhone13的細節_iphone13官方最新消息
- 魅族18sPro和魅族18Pro的區別_參數對比
- 麻將怎么打之打麻將一般有哪些程序（打麻將的24種玩法)