vue-router里怎么用ui库的组件？

Question

在router文件里我想用ui库的提示弹窗

我用的是antd

有没有优雅的方式可以用message组件

像这样的：

import Vue from 'vue'
import Router from 'vue-router'
import routes from './routers'
import store from '@/store'
import iView from 'iview'

Vue.use(Router)
router.beforeEach((to, from, next) => {
  iView.LoadingBar.start()
  
})

router.afterEach(to => {
  iView.LoadingBar.finish()
})

export default router

Answer 1

import { message } from "ant-design-vue";
message.success("欢迎回来，" + store.state.userNickname);

已解决