快速开始

本节将介绍如何在项目中使用小微组件

完整引入

如果对项目的加载速度和性能要求不高时，那么使用完整导入会更方便。

import 'xw-components/style.css';
import XiaoweiComponents from 'xw-components';

Vue.use(XiaoweiComponents);

如果使用浏览器直接引入，会默认全局注册所有组件

按需导入

只引入需要的组件，以达到减小项目体积的目的。

import { XiaoweiSteps } from 'xw-components';

export default {
  // ...
  components: { XiaoweiSteps },
};

如果使用浏览器直接安装，则会在 window 上挂着一个对象 XiaoweiComponents，所有的组件会存放在这个对象中，手动去注册组件umd 引入时默认全局注册所有组件

Vue.component('XiaoweiSteps', XiaoweiComponents.XiaoweiSteps);
// 或者
new Vue({
  // ...
  components: {
    XiaoweiSteps: XiaoweiComponents.XiaoweiSteps,
  },
});