Vue 手动重载组件

template

<div class="change" @click="changeKey">改变KEY</div>
<middle-content :key="key" ref="midContent"></middle-content>

changeKey() {
　　this.key += 1;
      console.log('组件被重载了');
}

在组件上加入绑定key，点击按钮更改key值，即可实现组件重载。