之前在网上找了找,发现没有一篇文章是介绍Vue3中如何使用WeUI的。都是介绍Vue2中的使用方法,并不适用Vue3。所以在这里给大家简单介绍一下,目的是节省大家的时间
1. 安装weui.js weui样式
npm install weui.js weui -S
2. 在main.js文件中添加以下代码
import { createApp } from 'vue'
import store from '@/store'
import weui from 'weui.js'
import 'weui'
import App from '@/App.vue'
import router from '@/router'
const app = createApp(App)
app.config.globalProperties.$weui = weui
app.use(store).use(router).mount('#app')
3.在项目中用法如下
this.$weui.alert("服务器错误");
this.$weui.topTips('请输入账号密码')
其他组件用法可以参考WeUI.JS中文文档 https://www.kancloud.cn/ywfwj2008/weuijs/274297