快速上手

添加 CSS 样式

使用之前，请务必确保你的浏览器支持标准盒模型，即 border-box

IE8+ 浏览器支持

*,
*::before,
*::after {
  box-sizing: border-box;
}

按需引入

在 main.js 中写入以下内容，将组件注册为全局组件

import Vue from "vue";
import { WooButton, WooIcon } from "woo-ui";
import { Plugin } from "woo-ui";
import "woo-ui/dist/woo.css";

Vue.use(Plugin);

Vue.component("WooButton", WooButton);
Vue.component("WooInput", WooInput);

或者在 Vue 单文件组件的 script 标签内写入以下内容

export default {
  name: "App",
  components: {
  WooButton,
  WooIcon,
  },
};