引入

你可以引入整个as-ui，也可以根据需要仅引入部分组件。我们先介绍如何引入完整的as-ui。

完整引入

在main.js文件下添加如下配置:

import Vue from 'vue';
import App from './App.vue';
import "as-ui/lib/style/index.css";// 引入样式文件
import AsUI from "as-ui";// 引入组件库
Vue.use(AsUI);// 使用组件库
new Vue({
    el: '#app',
    render: h => h(App)
});

按需引入

如果你只希望引入部分内容,比如引入按钮组件,那么需要在 main.js 中写入以下内容:

import Vue from 'vue';
import App from './App.vue';
import {
    AsButton,
} from 'as-ui';
Vue.use(AsButton);
new Vue({
    el: '#app',
    render: h => h(App)
});