基於SqlSugar的開發框架循序漸進介紹（14）-- 基於Vue3+TypeScript的全域性物件的注入和使用

    Vue.prototype.getToken = getToken
    Vue.prototype.guid = guid
    Vue.prototype.isEmpty = isEmpty

    // 提示成功資訊
    Vue.prototype.msgSuccess = function(msg) {
      this.$message({ showClose: true, message: msg, type: 'success' })
    }
    // 提示警告資訊
    Vue.prototype.msgWarning = function(msg) {
      this.$message({ showClose: true, message: msg, type: 'warning' })
    }
    // 提示錯誤資訊
    Vue.prototype.msgError = function(msg) {
      this.$message({ showClose: true, message: msg, type: 'error' })
    }

// 匯入一些全域性函數
import prototype from './prototype'
Vue.use(prototype)

import { ComponentInternalInstance, getCurrentInstance } from 'vue'

//獲取預設的全域性自定義屬性
export default function useCurrentInstance() {
  const { appContext } = getCurrentInstance() as ComponentInternalInstance
  const proxy = appContext.config.globalProperties
  return {
    proxy
  }
}

<script setup lang="ts">
import useCurrentInstance from '/@/utils/useCurrentInstance' //使用常規方式獲取物件
const { proxy } = useCurrentInstance();
let $u = proxy.$u as $u_interface;

//掛載的時候初始化資料
onMounted(async () => {
  console.log($u.success('abcdefa'));
  console.log($u.util.guid());
});

import { ComponentInternalInstance, getCurrentInstance } from 'vue'

//直接獲得注入的對應的$u範例
export function $user() {
  const { appContext } = getCurrentInstance() as ComponentInternalInstance
  const proxy = appContext.config.globalProperties;
  const $u = proxy.$u as $u_interface;
  return $u;
}

import { $user } from '/@/utils/useCurrentInstance' //使用簡便模式獲取注入全域性變數$u
let $u = $user();//範例化

// 顯示編輯對話方塊
function showEdit(id) {
  if ($u.test.isEmpty(id)) {
    $u.warn("請選擇編輯的記錄!");
    return;
  }
  emit('showEdit', id)
}

//定義自定義類$u的介面型別
interface message_interface {
  Message(message: string): any;
  success(message: string): any;
  warn(message: string): any;
  error(message: string): any;
  confirm(message = '您確認刪除選定的記錄嗎?'): Promise<any>;
};