如何在不刷新页面的基础上刷新组件

在日常开发过程中，我们会有需要局部刷新组件的需求，但是重新刷新页面的话，又与性能优化方面相悖，此时就需要来进行局部刷新。

在vue中，:key的变化可以重新渲染组件或者重新渲染标签。

所以我们可以使用如下方法对组件进行重新渲染。

<template>
  <div:key="changeIndex"><div/>
</template>

<script>
  export default{
    
    
      data(){
    
    
         return {
    
    
               changeIndex:0,
           }
      },
      watch:{
    
    
            changeIndex(){
    
    
               ++this.changeIndex
           }
      }
}
</script>