Vue解决keepAlive缓存页面，组件在其他界面重复使用问题

问题：keepAlive缓存页面，组件在其他界面重复使用问题。

解决方法：在生命周期beforeRouterLeave销毁组件即可，

组件：

<area-select ref="areaSelect"/>

销毁：

beforeRouterLeave(to, from, next) {
    this.$destroy(this.$areaSelect);
}