昨天用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'

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

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

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