Thu Sep 14 16:18:00 CST 2023 inscode

.inscode

 run = "npm i && npm run dev"
+language = "node"
 
 [deployment]
 build = "npm i && npm run build"
@@ -8,3 +9,6 @@ run = "npm run preview"
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
 npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"

package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "guess": "^1.0.2",
+    "mitt": "^3.0.1",
     "vue": "^3.2.37"
   },
   "devDependencies": {

src/utils/emitter.ts

+//引入mitt
+import mitt from "mitt";
+ 
+// mitt库默认导出的是一个函数，我们需要执行它从而得到事件总线的对象
+const mitter = mitt();
+ 
+// 面向函数 定义app方便后期渐进式
+const app = createApp(App);
+app.use(store).use(router).mount("#app");
+ 
+// 挂载到 app 上 后期可以使用$mitt
+app.config.globalProperties.$mitt = mitter;
\ No newline at end of file