Vue2组件注册：全局组件和局部组件

在Vue 2 中，你可以使用全局注册和局部注册两种方式注册组件。以下是两种方式的示例：

• 全局注册

全局注册的组件可以在整个应用中使用，适用于高频的通用组件。

// 在 main.js 或者入口文件中
import Vue from 'vue'
import App from './App.vue'
import YourComponent from './YourComponent.vue'

// 全局注册组件
Vue.component('your-component', YourComponent)

new Vue({
  render: h => h(App),
}).$mount('#app')

在上面的例子中，YourComponent 被全局注册为 'your-component'，然后在 App.vue 或其他组件中就可以直接使用 <your-component></your-component>

• 局部注册

局部注册的组件只能在注册它的组件内部使用。

// 在组件中
<template>
  <div>
    <!-- 局部注册组件 -->
    <your-component></your-component>
  </div>
</template>

<script>
import YourComponent from './YourComponent.vue'

export default {
  components: {
    'your-component': YourComponent
  }
  // ...
}
</script>

在上面的例子中，YourComponent 被局部注册为 'your-component'，只能在该组件内部使用。