vue3 封装选择城市组件

在使用vue开发过程中，我们把页面之间或者页面内公共的部分单独抽离出来，封装成组件。这样方便代码的复用，以及后期维护。

在很多项目中我们经常使用到省、市、区的城市选择，我们可以封装这样一个组件。

ts部分：

html部分:

注册为全局组件：

// 在 main.ts 中

// 全局注册组件基本方法
import city from '@/components/city.vue';
app.component('city ', city )

给组件设置类型：

import city from '@/components/city.vue';

// 添加类型校验
declare module 'vue' {
  export interface GlobalComponents {
    city: typeof city
  }
}
export { }