uniapp 怎么把自定义组件自动在每个页面使用？

自己写了一个组件，复用率高，每个页面都引用效率太低，怎么直接自动在每个页面使用这个组件？

main.js 写入这个代码 可以自动注入全局组件

    let frames = {};
    let arr = require.context("@/components/demo/", false, /\.vue$/);
    console.log(arr.keys(), "=============");
    arr.keys().forEach((k) => {
      frames[k.replace("./", "").replace(".vue", "")] = arr(k).default;
    });
    // console.log(frames,'==888')
    for(let key in frames){
        Vue.component(key,frames[key])
    }

mian.js 全局注册 Vue.component('my-component-name', { /* ... */ })

我也想知道怎么实现，可以赐教一下吗

定义为全局组件