引入 vue 组件有两种方法：全局注册和局部注册。全局注册使用 vue.component() 方法在 vue 应用中注册组件，可在任何地方使用；局部注册使用 components 选项在特定 vue 组件中注册组件，仅在该组件中可用。
Vue 中引入组件
在 Vue 中，引入组件有两种主要方法：
方法 1：全局注册组件
-
定义组件：创建一个
.vue文件，并定义组件的模板和逻辑。 -
注册组件：在 Vue 应用的根实例中，使用
Vue.component()方法全局注册组件。例如：
<code class="javascript">Vue.component('my-component', {
/* 组件代码 */
});</code>之后，可以在任何地方使用注册的组件。
mallcloud商城
下载
mallcloud商城基于SpringBoot2.x、SpringCloud和SpringCloudAlibaba并采用前后端分离vue的企业级微服务敏捷开发系统架构。并引入组件化的思想实现高内聚低耦合，项目代码简洁注释丰富上手容易，适合学习和企业中使用。真正实现了基于RBAC、jwt和oauth2的无状态统一权限认证的解决方案，面向互联网设计同时适合B端和C端用户，支持CI/CD多环境部署，并提
立即学习“前端免费学习笔记（深入）”；
方法 2：局部注册组件
-
定义组件：与全局注册相同，创建一个
.vue文件并定义组件。 -
局部注册组件：在需要使用组件的 Vue 组件中，使用
components选项和组件名称局部注册组件。例如：
<code class="vue"><script>
import MyComponent from './my-component.vue';
export default {
components: {
MyComponent
}
};
</script>
<template>
<my-component></my-component>
</template></code>局部注册组件只在该特定 Vue 组件中可用。
