vue-atom-ui

:whale: 更快更简单

演示

预览地址

文档

查看

在手机上看

安装

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm i vue-atom-ui -S

引入组件

方式1: 按需引入

1. 安装 babel-plugin-import 插件

npm i babel-plugin-import -d

2. .babelrc 或 babel-loader 中添加插件配置

// 注意：webpack 1 无需设置 libraryDirectory。
{
  "plugins": [
    ["import", {
      "libraryName": "vue-atom-ui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

方式2: 全部引入

import Vue from 'vue';
import Atom from 'vue-atom-ui';
import 'vue-atom-ui/index.css';
Vue.use(Atom);

注意: 一旦配置了 babel-plugin-import, "全部引入"功能会失效, 2者不能并存.

CDN

<!-- 引入css -->
<link rel="stylesheet" href="https://unpkg.com/vue-atom-ui/index.css">
<!-- 引入js -->
<script src="https://unpkg.com/vue-atom-ui/index.js"></script>

Hello world

未完...