Vue-query-builder使用

Vue-query-builder使用

github地址:https://dabernathy89.github.io/vue-query-builder/

安装：
1.npm安装

github链接有详细介绍，在此不多赘述。

2.插件包导入

***1.找到Vue-query-builder文件夹的src子文件夹
	2.复制此src文件夹
	3.找到你项目的src文件夹，进入，再进入项目components文件夹，将刚才复制的src文件夹粘贴到此components文件夹。
	4.导入完成。***

使用：
github链接有详细介绍。

1.在script下引入

import VueQueryBuilder from '../src/VueQueryBuilder.vue';

2.设置components

components: {
	    VueQueryBuilder
  }

3.模板中使用

<vue-query-builder :rules="rules"></vue-query-builder>

至此即完成。