Vue atom ui

vue-atom-ui

Version: 1.0.317 Updated: 08/30/2019

By: Atom-H

Downloads Last 30 Days: 565

Install

npm i vue-atom-ui
yarn add vue-atom-ui

Repository: https://github.com/Atom-H/atom-ui

CDNs

bundle.run: https://bundle.run/vue-atom-ui

jsDelivr: https://cdn.jsdelivr.net/npm/vue-atom-ui

unpkg: https://unpkg.com/vue-atom-ui

vue-atom-ui NPM Version NPM Downloads npm bundle size (minified + gzip)

:whale: 更快更简单

演示

预览地址

文档

查看

在手机上看

image

安装

推荐使用 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

未完...

Categories: Vue js
Tags: