@mega-design/ui-vue

Mega Design UI for Vue

Usage no npm install needed!

<script type="module">
  import megaDesignUiVue from 'https://cdn.skypack.dev/@mega-design/ui-vue';
</script>

README

Mega Design Vue

特性

  • 依托Ant Design的交互语言和视觉风格。
  • 开箱即用的高质量 Vue 组件。
  • 基础与Ant Design of React/Vue设计工具体系。
  • 自适应Vue版本(2.x, 3.x), 不需要手动指定版本

支持环境

  • 现代浏览器和 IE9 及以上（需要 polyfills）。
  • 支持服务端渲染。
  • Electron

安装

使用 npm 或 yarn 安装

$ npm install @mega-design/ui-vue --save

$ yarn add @mega-design/ui-vue

如果你的网络环境不佳，推荐使用 cnpm。

使用

按需加载

  • 使用 babel-plugin-import（推荐）
    // .babelrc or babel-loader option
{
  "plugins": [
    ["import", { "libraryName": "@mega-design/ui-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件
  ]
}
    然后只需从 @mega-design/ui-vue 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。
    // babel-plugin-import 会帮助你加载 JS 和 CSS
import { Button } from '@mega-design/ui-vue';
  • 手动引入
    import Button from '@mega-design/lib/button';      // 加载 JS
import '@mega-design/lib/button/style/css';        // 加载 CSS
// import '@mega-design/lib/button/style';         // 加载 LESS

链接

生态

Project Description
vue-ref 您可以使用回调来获取组件的引用，类似 react