子组件在全局注册使用 避免重复引入注册

1.新建一个js文件 index.js

//把子组件引入 有多个 就引入多个
import FSingleImageUpload from "@/components/FSingleImageUpload";
import Operator from "@/components/operation/Operator";

export default {
  install: function (Vue) {
  //固定写法  f-single-image-upload 这个就是使用时的子组件名
    Vue.component('f-single-image-upload', FSingleImageUpload)
    Vue.component('operator',Operator)
  }
}

2.在main.js文件引入

//引入
import Public_components from '@/components/index';   //这是新建的js文件路径
//使用
Vue.use(Public_components);

3.这样就可以在父组件中使用的时候 不在需要重复引入注册子组件了 如下 不在需要引入和注册了

 <f-single-image-upload v-model="detailsInfoData.businessLicense"></f-single-image-upload>