vue 指令js文件中页面如何在全局获取到当前页面得name

在 Vue.js 中，如果你想在全局获取当前页面的名称，通常你会通过Vuex store 或者是在一个可以访问到的地方（如 Vue 实例的 data 对象或者自定义的全局变量）来存储这个信息。如果你使用了 Vue Router 的命名路由（named routes），那么你可以将 `this.$route.name` 获取到当前路由的名称。

以下是一个简单的示例：

// 引入Vue和Vue Router
import { createApp } from 'vue';
import VueRouter from 'vue-router';

// 创建应用实例并配置路由器
const app = createApp(App);

// 定义路由配置
const router = new VueRouter({
  routes: [
    { path: '/home', name: 'Home' },
    { path: '/about', name: 'About' }
  ]
});

// 将路由实例挂载到应用程序上
app.use(router);

// 在某个全局组件或者守卫中获取当前路由名
router.beforeEach((to, from, next) => {
  const currentPageName = to.name; // 当前页面名称
  // 在这里使用currentPageName
  console.log('Current page:', currentPageName);
  next();
});

// 或者在 Vuex 中保存并从actions或mutations中获取
if (process.BROWSER) {
  import store from './store'; // 假设你有一个 Vuex store
  const currentState = store.state.currentPage; // 如果你在 store 中已经存储了名称
}

//