安装使用

本节将介绍如何在项目中使用 m-baseui

安装

使用npm 或 yarn 安装

npm install m-baseui
yarn add m-baseui

引入 m-baseui

完整引入

需要注意的是 css 样式文件需要单独引入。

在 main.js 中写入以下内容：

import { createApp } from 'vue'
import App from './App.vue'
// 导入组件库
import mBaseui from 'm-baseui'
import 'm-baseui/lib/m-baseui.css';

const app = createApp(App)
app.use(mBaseui)
app.mount('#app')

愉快开始

至此 m-baseui 就引入完成并且可以使用了。

<!-- html -->
<m-button>默认按钮</m-button>
<m-button type="primary">主要按钮</m-button>

按需引用

您可以根据个人需要使用按需引用组件，按需引用时不需要使用 app.use() 方法注册。

/*js*/
import { mButton } from 'm-baseui';

<!-- html -->
<m-button>点击</m-button>