基于elementUI二次封装的select组件

项目场景：

做的后台项目中因为涉及不同国家的业务，所以许多地方需要国家的选择条件，为了不重复的使用代码，决定对选择框进行一个二次封装，并且今后如果在加新的国家的话也不用每个文件里去改

---

问题描述

提示：这里描述项目中遇到的问题：

例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据
APP 中接收数据代码：

@Override
	public void run() {
   
   
		bytes = mmInStream.read(buffer);
		mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();
	}

---

解决方案：

首先新建一个文件夹在components 下面，起名字为 chooseCountry ，里面新建一个index.vue文件

---

注册组件

有两种选择：全局or局部引入，在这里我为了方便使用，注册了全局组件

在main.js 文件中引入组件并注册

import chooseCountry from './components/chooseCountry/index.vue' // 按照你自己的路径
Vue.component('chooseCountry', chooseCountry) // Vue.component('名字', 事件)
Vue.use(chooseCountry)

如果是局部引入就这样写