【Vue】全局/局部组件使用流程(Vue2为例)

全局组件和局部组件区别

如何使用

• 全局组件：全局注册后，可以在任意页面中直接使用。
• 局部组件：在页面中需要先导入子组件路径，注册组件才能使用。

适用场景

• 全局组件：适用于高频使用的组件，如导航栏、业务弹框等。
• 局部组件：适用于在复杂页面中，一个特定业务的组件，独立封装出来可以让代码结构更清晰，好维护，也可以避免变量命名冲突之类的问题。

全局组件使用流程

main.js全局注册

直接在页面中需要的位置使用

局部组件使用流程

在页面中引入并且注册组件

在已注册的页面使用

---

欢迎指正！