Vue全局组件

全局组件

首先说明一下，本人是前端小学生级别的菜鸡，吐槽的话请口下留情，在评论区指出错误或者补充不足，我会很喜欢，互喷不会进步，相互指点才会。。。。谢谢大家啦

目录

• 全局组件
  • 目录
  • 内置模板
  • 引入模板
  • 优点
  • 场景
  • 缺点

📌全局组件是通过 Vue.component 方法注册的，它实际上是一个 Vue 组件的构造函数的实例。当你全局注册一个组件后，这个组件就可以在整个应用中的任何地方使用。

通过 Vue.component 方法定义全局组件。这个方法接受两个参数：

1. 组件的名称：在模板中使用的标签名。
2. 组件的选项对象：包含组件的模板、数据、方法等。
3. 全局组件通过 Vue.component() 方法注册全局组件，可以在应用的任何位置使用。例如：

// 定义一个全局组件
Vue.component('my-component', {
   
   
  template: '<div class="my-component">{
   
   { message }}</div>',
  data() {
   
   
    return {
   
   
      message<