vue3 注册全局组件 定义全局组件

在main.js/ main.ts 文件对组件进行引入

import QiButton from './components/QiButton/index.vue'

const app = createApp(App)

app.use(store).use(router)
// 对组件挂载到app上，就不用每个页面单独引入了
// 使用app.component 对组件进行注册
// 第一个参数是 在页面使用的组件名称，第二个参数是引入的组件
app.component('QiButton', QiButton)

页面使用

注：驼峰命名，在组件使用时，可以转成 小写加连接线 进行使用。

<qi-button type="see" @click="showResult(record)" text="查看报告"/>