vue3 注册全局组件（公用组件）

1、需求： 几乎每个页面的每一个表格都使用到自定义表头字段，点击表格最后一列的图标，弹出表头所有可展示的字段：

2、父组件只需传全部可展示的表头数据即可（数组格式），具体代码：

3、主要代码在这块：

 nextTick(() => {
    tableHeadRef.value.setValues(state.columnsAll);
  });

4、开始封装， 因为设计到选中样式，所以自己添加了checked属性，在子组件中定义一个变量，接收父组件通过参数传过来的数组

5、此组件用到两个Json数组取相同项的方法，详见我另一篇文章：https://blog.csdn.net/agua001/article/details/123321784?spm=1001.2014.3001.5502

6、把公用组件放到src/components/common

7、在main.js中注册成全局组件

import tableHeadContent from './components/common/tableHeadContent.vue'

const app = createApp(App)
app.component('table-head-content', tableHeadContent);
app.use(antd).use(router).use(store).mount('#app')

8、在组件中不用引入，直接使用，官方文档：https://v3.cn.vuejs.org/guide/component-registration.html#%E5%85%A8%E5%B1%80%E6%B3%A8%E5%86%8C

面朝大海，春暖花开。