pms-vue-ui-test v0.9.9

pms-vue-ui: 基于Vue框架的性能前端UI组件库

说明

包括移动云规范通用组件及性能业务组件

npm 安装

npm install pms-vue-ui

npm install less less-loader -D

需要安装 less 和 less-loader

快速上手

将介绍如何使用 pms-vue-ui。

引入 pms-vue-ui

你可以引入整个 pms-vue-ui，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 pms-vue-ui。

完整引入

在 main.js 中写入以下内容：

import Vue from 'vue';
import PmsVueUi from 'pms-vue-ui';
import 'pms-vue-ui-test/lib/index/style/index.css';

Vue.use(PmsVueUi);

以上代码便完成了 pms-vue-ui 的引入。

按需引入

如果你只希望引入部分组件，比如 Button ，那么需要引入的地方中写入以下内容：

####使用 babel-plugin-import 1. 2..babel.config增加配置

  "plugins": [
      ["import", 
        {
        "libraryName": "pms-vue-ui-test",
        "style":(name) => `${name}/style/index.css`,
        }
      ]
    ]

3.只需从 pms-vue-ui 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

import Vue from 'vue';
import { Button } from 'pms-vue-ui';

Vue.use(Button);

因需根据匹配主题样式，需增加全局样式引入（后续可优化为一个组件打包一个css） 在 main.js 中写入以下内容：

import 'pms-vue-ui-test/dist/pms-vue-ui.css';