Java面试题037：一文深入了解VUE（2）

6、注册

        将 Vue 组件定义在一个单独的 .vue 文件中，这被叫做单文件组件(简称 SFC)。

        一个 Vue 组件在使用前需要先被“注册”，组件注册有两种方式：全局注册和局部注册。

（1）全局注册

使用vue实例的 .component() 方法，让组件在当前 Vue 应用中全局可用。

import { createApp } from 'vue'

const app = createApp({})

app.component(
  // 注册的名字
  'MyComponent',
  // 组件的实现
  {
    /* ... */
  }
)

如果使用单文件组件，你可以注册被导入的 .vue 文件：

import MyComponent from './App.vue'

app.component('MyComponent', MyComponent)

.component() 方法可以被链式调用：