美文网首页
笔记 || vue3中使用mui

笔记 || vue3中使用mui

作者: hdormy | 来源:发表于2022-12-29 13:41 被阅读0次

昨天用vue3+mui没有把轮播实现出来,今天中午终于解决了,是参考了https://www.u1s1.vip/archives/vuedemo中使用axios的用法。

首先在main.js(vue的入口文件)中引入mui的css和js,如下(@代表src的路径,mui的包放在了/src/assets中):

import '@/assets/mui/dist/css/mui.min.css'

import mui from '@/assets/mui/dist/js/mui.js'

引入mui

项目中用到的外部资源都可以在main.js中引入,然后把它变成全局变量,如下:

app.config.globalProperties.$mui = mui

将mui全局变量

此后,就可以在其他组件中调用了,但是调用有个问题,不能简单用js写(这点看,我确实太蠢白了),需要写在export 的mounted中,如下:

轮播组件中使用mui,并设置轮播时间

基础不牢地动山摇,果然如此,浪费大半天时间。

相关文章

网友评论

      本文标题:笔记 || vue3中使用mui

      本文链接:https://www.haomeiwen.com/subject/pcstcdtx.html