这里是普通文章模块栏目内容页
Vue3中如何使用WeUI

之前在网上找了找,发现没有一篇文章是介绍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