这是一个基于Vue3和message-center-ui的简单企业级消息中心示例。在这个示例中，我们使用Vue3作为前端框架，store作为数据存储方案。通过Vuex进行状态管理，将数据存储在store中。

首先，我们需要安装必要的依赖：

npm install message-center-ui --save

npm install vue@next

然后，创建一个名为`App.vue`的文件，并添加以下代码：

  

    

  











/ 在这里添加样式 /

接下来，创建一个名为`main.js`的文件，并添加以下代码：

import { createApp } from 'vue';

import App from './App.vue';

import store from './store';

import MessageCenter from 'message-center';



const app = createApp(App);

app.use(MessageCenter, {

  store,

});

app.mount('#app');

最后，在`src/store`文件夹下创建一个新的文件，例如`index.js`，并添加以下代码：

import { createStore } from 'vuex';



export default createStore({

  state: {},

  mutations: {

    // 在这里定义你的mutations

  },

  actions: {

    // 在这里定义你的actions

  },

});

这个示例仅用于参考，你可以根据实际需求进行修改。一个简单的企业级消息中心，纯demo，仅供参考，前端项目，使用vue3搭建，store暂存数据，可能对你有用