vue如何让莫个组件重新加载

要让一个组件重新加载，可以通过以下两种方式实现：

1. 利用Vue的key特性：在组件标签上绑定一个key，当key的值发生变化时，组件会被销毁并重新创建。这样就能够实现组件的重新加载。例如：

   <template>
     <div>
       <component :is="currentComponent" :key="componentKey"></component>
       <button @click="refreshComponent">重新加载组件</button>
     </div>
   </template>
   
   <script>
   export default {
     data() {
       return {
         currentComponent: 'MyComponent',
         componentKey: 0
       }
     },
     methods: {
       refreshComponent() {
         this.componentKey += 1;
       }
     }
   }
   </script>

在上面的代码中，当点击“重新加载组件”的按钮时，会将componentKey的值加1，从而实现组件的重新加载。

2. 利用Vue的$forceUpdate方法：每个Vue实例都有一个$forceUpdate方法，调用该方法会强制组件重新渲染。例如：

   <template>
     <div>
       <MyComponent ref="myComponent"></MyComponent>
       <button @click="refreshComponent">重新加载组件</button>
     </div>
   </template>
   
   <script>
   import MyComponent from './MyComponent.vue';
   
   export default {
     components: {
       MyComponent
     },
     methods: {
       refreshComponent() {
         this.$refs.myComponent.$forceUpdate();
       }
     }
   }
   </script>

在上面的代码中，当点击“重新加载组件”的按钮时，会调用MyComponent组件的$forceUpdate方法，从而强制组件重新渲染。