全局组件和局部组件的区别

Vue中的组件可以分为全局组件和局部组件。

全局组件是在Vue实例化前就已经注册好的组件，可以在任意Vue实例中使用。全局组件的注册方式有两种：

1. 使用Vue.component方法：

   Vue.component('component-name', {
     // 组件选项
   })

2. 使用单文件组件：

   <template>
     <!-- 组件模板 -->
   </template>

   <script>
   export default {
     // 组件选项
   }
   </script>

   <style>
   /* 组件样式 */
   </style>

局部组件是在Vue实例化后，在某个Vue实例的组件选项中注册的组件，只能在该Vue实例及其子组件中使用。局部组件的注册方式有两种：

1. 使用components选项：

   new Vue({
     components: {
       'component-name': {
         // 组件选项
       }
     }
   })

2. 使用Vue.extend方法：

   const Component = Vue.extend({
     // 组件选项
   })

   new Vue({
     components: {
       'component-name': Component
     }
   })

全局组件和局部组件在使用上的区别在于：

1. 全局组件可以在任意Vue实例中使用，而局部组件只能在某个Vue实例及其子组件中使用。

2. 全局组件可以在任意Vue实例中注册，而局部组件只能在某个Vue实例的组件选项中注册。

3. 全局组件会在 Vue 实例化之前就已经注册，而局部组件只有在 Vue 实例化后才能注册，因此全局组件的注册方式比局部组件的注册方式更为简单。

总之，应该根据实际需求来选择注册全局组件还是局部组件。