vue3 封装一个事件方法，支持所有页面调用

 我做的是路由跳转，因为需要支持跨项目使用，所以才使用这个方法

 在router.js中

import { createRouter, createWebHistory } from 'vue-router';

// 创建路由实例和路由配置...
export const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 路由配置...
  ]
});

 在main.js中

import { createApp } from "vue";
import { router } from "./router";

// 创建Vue应用实例app
const app = createApp(App);

// 创建自定义方法
app.config.globalProperties.navigateTo = (path) => {
    router.push(path);
};

app.use(router).mount("#app");

 在某组件中

<template>
  <button @click="navigateTo('/about')">Go to About</button>
</template>