vue uses multiple component libraries (main.ts) at the same time

// 引入Vue框架及相关组件
import Vue from 'vue'
import App from './App.vue'
import router from './router'

// 引入mds-ui组件库
import '@mdsfe/mds-ui/dist/mds-ui.min.css' // 引入组件的样式
import MdsUi from '@mdsfe/mds-ui' // 引入组件
Vue.use(MdsUi) // 使用mds-ui组件

import 'element-ui/lib/theme-chalk/index.css'
import ElementUI from 'element-ui'
Vue.use(ElementUI, { prefix: 'el-' })//配置组件名前缀为el-

// 引入自定义全局样式
import '@/styles/index.scss'

// 配置Vue生产环境提示关闭
Vue.config.productionTip = false

// 创建Vue实例并挂载到#app元素上
const tempVue = new Vue({
  router,
  render: (h: any) => h(App)
}).$mount('#app')

// 将element-ui的$message方法挂载到全局window对象上,并配置默认持续时间为2秒
window.$message = tempVue.$message
window.$message.config({
  duration: 2
})

Guess you like

Origin blog.csdn.net/qq_28838891/article/details/131974891