Vue.prototype.$Jmessage.loading('登录已过期，正在重新登陆', 0)；vue2转化为vue3

在Vue 2.x中，`Vue.prototype.$Jmessage`是一个自定义的对象，通常用于操作全局消息提示，如显示加载状态。在升级到Vue 3时，由于不再推荐直接修改原型链(`Vue.prototype`)，这种做法需要调整。Vue 3引入了Composition API或Options API，你可以选择其中一种方式来替代。

如果你使用的是Composition API，你可以这样做：

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

// 将$Jmessage封装成组件的实例或者一个函数，这样不会污染原型
app.config.globalProperties.$msg = {
  loading(text, duration) {
    // 在这里模拟原来的逻辑，例如使用某个库来显示加载状态
    console.log('登录已过期，正在重新登录');
    setTimeout(() => {
      // 模拟加载完成
      console.log('重新登录完成');
    }, duration);
  },
};

app.mount('#app');

如果你使用的是Options API，可以将`$Jmessage`作为组件的data或者methods成员：

<template>
  <div ref="appRoot"></div>
</template>

<script setup>
import { onMounted } from 'vue';

const $msg = {
  loading(text, duration) {
    // 同上，处理逻辑...
  },
};

onMounted(() => {
  $msg.loading('登录已过期，正在重新登陆', 0);
});
</script>