web前端通用组件库

局部引入组件

// 引入
import { XhhButton, XhhToast } from '@web-xhh/web-vue-components'
import '@web-xhh/web-vue-components/dist/web-vue-components.css'

// 使用
<XhhButton className="primary" @click="clickXhhButton" />

XhhToast.initToast({
  text: '这是提示'
})

全局引入组件

// 引入
import XhhComp from '@web-xhh/web-vue-components'
app.use(XhhComp)
import '@web-xhh/web-vue-components/dist/web-vue-components.css'

// 使用
<XhhButton className="primary" @click="clickXhhButton" />

const { proxy } = getCurrentInstance()
proxy.$xhhToast({
  text: '这是自定义提示'
})