笔记 || vue3中使用mui

昨天用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，并设置轮播时间

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