xyy-yui

Yui 业务组件库

yui 是基于Element-ui的业务组件库。

如何使用

使用 npm 安装

$ npm i xyy-yui

在main.js引入

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import XyyYui from 'xyy-yui';
import 'xyy-yui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);
Vue.use(XyyYui);

new Vue({
  el: '#app',
  render: h => h(App)
});

以上代码完成了XyyYui的引入，XyyYui默认的样式文件需要单独引入。

调用组件

至此，Yui 的组件的已引入项目中，您可以像下面 demo 一样在项目中使用Yui 提供的组件。各个组件的使用方法请参阅它们各自的文档。

<template>
  <yui-query :filters="filters"
    :query-method="promiseCallback"
    :query-params="params"
    @submit="handleSubmit"
    @reset="handleReset">
  </yui-query>
</template>
<script>
export default {}
</script>