vue同时使用多种组件库(main.ts)
【代码】同时使用多种组件库(main.ts)
·
// 引入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
})
更多推荐
已为社区贡献4条内容
所有评论(0)