项目场景：我有很多的Form表单，在Form表单内又有很多的select选择器，这些选择器的下拉列表都是通过后端的接口传回的数据渲染的，如果每一个Select选择器都使用创建一个组件的话，页面的代码冗余量就会很大，开发的成本以及维护的成本也相对高很多，所以有必要进行封装。我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。1.封装下拉列表创建RangeSearch.vue{return{value:item.CustomerID.toString(),label:item.CustomerID.toString()}})还有一个

SELECT...SELECT1+1,2+2;#直接这样写相当于下面这句SELECT1+1,2+2FROMDUAL;#这里DUAL：伪表SELECT...FROM语法：SELECT标识选择哪些字段(列)FROM标识从哪个表中选择例如选择全部列：SELECT*FROMdepartments;一般情况下，除非需要使用表中所有的字段数据，最好不要使用通配符‘*’。使用通配符虽然可以节省输入查询语句的时间，但是获取不需要的列数据通常会降低查询和所使用的应用程序的效率。通配符的优势是，当不知道所需要的列的名称时，可以通过它获取它们。在生产环境下，不推荐直接使用SELECT*进行查询。选择特定的列：SEL

SELECT...SELECT1+1,2+2;#直接这样写相当于下面这句SELECT1+1,2+2FROMDUAL;#这里DUAL：伪表SELECT...FROM语法：SELECT标识选择哪些字段(列)FROM标识从哪个表中选择例如选择全部列：SELECT*FROMdepartments;一般情况下，除非需要使用表中所有的字段数据，最好不要使用通配符‘*’。使用通配符虽然可以节省输入查询语句的时间，但是获取不需要的列数据通常会降低查询和所使用的应用程序的效率。通配符的优势是，当不知道所需要的列的名称时，可以通过它获取它们。在生产环境下，不推荐直接使用SELECT*进行查询。选择特定的列：SEL