vue-atom-ui
v1.0.317
Published
vue-atom-ui
Downloads
471
Readme
vue-atom-ui
![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/vue-atom-ui.svg)
:whale: 更快更简单
演示
文档
在手机上看
安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i vue-atom-ui -S
引入组件
方式1: 按需引入
- 安装 babel-plugin-import 插件
npm i babel-plugin-import -d
- .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
未完...