规范化插件js模式

web/src/core/gin-vue-admin.js

@@ -5,14 +5,16 @@
 // 加载网站配置文件夹
 import { register } from './global'
 
-export const run = function(app) {
-  register(app)
-  console.log(`
-     欢迎使用 Gin-Vue-Admin
-     当前版本:V2.4.5 beta.1
-     加群方式:微信：shouzi_1994 QQ群：622360840
-     默认自动化文档地址:http://127.0.0.1:${import.meta.env.VITE_SERVER_PORT}/swagger/index.html
-     默认前端文件运行地址:http://127.0.0.1:${import.meta.env.VITE_CLI_PORT}
-     如果项目让您获得了收益，希望您能请团队喝杯可乐:https://www.gin-vue-admin.com/docs/coffee
-  `)
+export default {
+  install: (app) => {
+    register(app)
+    console.log(`
+       欢迎使用 Gin-Vue-Admin
+       当前版本:V2.4.5 beta.1
+       加群方式:微信：shouzi_1994 QQ群：622360840
+       默认自动化文档地址:http://127.0.0.1:${import.meta.env.VITE_SERVER_PORT}/swagger/index.html
+       默认前端文件运行地址:http://127.0.0.1:${import.meta.env.VITE_CLI_PORT}
+       如果项目让您获得了收益，希望您能请团队喝杯可乐:https://www.gin-vue-admin.com/docs/coffee
+    `)
+  }
 }

web/src/directive/auth.js

 // 权限按钮展示指令
 import { store } from '@/store'
-export const auth = (app) => {
-  app.directive('auth', {
-    // 当被绑定的元素插入到 DOM 中时……
-    mounted: function(el, binding) {
-      const userInfo = store.getters['user/userInfo']
-      let type = ''
-      switch (Object.prototype.toString.call(binding.value)) {
-        case '[object Array]':
-          type = 'Array'
-          break
-        case '[object String]':
-          type = 'String'
-          break
-        case '[object Number]':
-          type = 'Number'
-          break
-        default:
-          type = ''
-          break
+export default {
+  install: (app) => {
+    app.directive('auth', {
+      // 当被绑定的元素插入到 DOM 中时……
+      mounted: function(el, binding) {
+        const userInfo = store.getters['user/userInfo']
+        let type = ''
+        switch (Object.prototype.toString.call(binding.value)) {
+          case '[object Array]':
+            type = 'Array'
+            break
+          case '[object String]':
+            type = 'String'
+            break
+          case '[object Number]':
+            type = 'Number'
+            break
+          default:
+            type = ''
+            break
+        }
+        if (type === '') {
+          /* eslint-disable */
+              console.error("v-auth必须是Array,Number,String属性,暂不支持其他属性")
+              /* eslint-enable */
+          return
+        }
+        const waitUse = binding.value.toString().split(',')
+        let flag = waitUse.some(item => item === userInfo.authorityId)
+        if (binding.modifiers.not) {
+          flag = !flag
+        }
+        if (!flag) {
+          el.style.display = 'none'
+        }
       }
-      if (type === '') {
-        /* eslint-disable */
-            console.error("v-auth必须是Array,Number,String属性,暂不支持其他属性")
-            /* eslint-enable */
-        return
-      }
-      const waitUse = binding.value.toString().split(',')
-      let flag = waitUse.some(item => item === userInfo.authorityId)
-      if (binding.modifiers.not) {
-        flag = !flag
-      }
-      if (!flag) {
-        el.style.display = 'none'
-      }
-    }
-  })
+    })
+  }
 }
+

web/src/main.js

@@ -6,17 +6,19 @@ import zhCn from 'element-plus/es/locale/lang/zh-cn'
 import './core/gin-vue-admin'
 // 引入封装的router
 import router from '@/router/index'
-import { run } from '@/core/gin-vue-admin.js'
+import run from '@/core/gin-vue-admin.js'
+import auth from '@/directive/auth'
+
 import '@/permission'
 import { store } from '@/store/index'
 
-import { auth } from '@/directive/auth'
-
 import App from './App.vue'
 const app = createApp(App)
-run(app)
-auth(app)
 app.config.productionTip = false
-app.use(store).use(router).use(ElementPlus, { locale: zhCn }).mount('#app')
+app.use(run)
+  .use(auth)
+  .use(store)
+  .use(router)
+  .use(ElementPlus, { locale: zhCn }).mount('#app')
 
 export default app