vue 注册组件的方法有哪些？

vue 注册组件的常用方法有局部注册和全局注册
局部注册使用就是哪里需要就引入，全局注册就是在main,js中挂载

局部注册组件使用：
父组件代码如下：

<template>
  <div>
    <childA></childA>
  </div>
</template>
<script>
import childA from "@/components/childA"; //导入组件
export default {
  name: "parent",
  components: {
    //局部注册组件childA
    childA,
  },
};
</script>
<style lang="">
</style>

子组件代码如下:

<template>
  <div>
    我是子组件
  </div>
</template>
<script>
export default {
  name: "childA",
  data() {
    return {};
  },
};
</script>

---

全局注册组件使用：
第一步：
在utils文件夹下新建文件 components.js 文件，代码如下：

import Vue from 'vue';
import childA from '../components/childA.vue'; // 导入文件
Vue.component(childA.name, childA); //注册组件，根据子组件name属性注册，子组件内必须有name属性

第二步：main.js导入全局组件，代码如下：

// 导入全局组件
import "./utils/components";

第三步：子组件代码：

<template>
  <div>
    我是子组件
  </div>
</template>
<script>
export default {
  name: "childA", //必须要有
  data() {
    return {};
  },
};
</script>

第四步：父组件直接使用childA，其他组件内也可以直接调用了，代码如下：

<template>
  <div>
    <childA></childA>
  </div>
</template>
<script>
export default {
  name: "parent",
};
</script>
<style lang="">
</style>