xyy-yui
v0.2.22
Published
基于Element-ui的业务组件库
Downloads
19
Readme
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>