一个大家可能都遇到过的vue问题

Question

现在有一个场景，路由（’/a’、’/b’）对应2个组件：A和B。我们现在加入一个插件，并将其实例绑在window上，但这插件的实例须等待DOM加载完之后才能起效果，那么当A组件加载完，我们初始化这个插件的实例，A组件效果肯定是出来的，但当我们切到 （’/b’） B组件时，是加载了B组件的DOM，但插件的实例是已经初始化了的，导致B组件时没有插件给予的效果的，求大神解决（我不知道我的表述是不是很好，见谅）

Answer 1

你可以在组件A被销毁时注销插件的实例，在组件B加载时重新初始化实例。
组件A:

created(){
    初始化实例
}
beforeDestory(){
    注销实例
}

组件B:

created(){
    初始化实例
}
beforeDestory(){
    注销实例
}