解决Vue组件前进刷新,后退不刷新问题

vue 官网给出的一个方法是通过keep-alive将router-view包住就能实现组件不刷新显示原来的数据，但是在组件中一般都是前进更新数据返回的时候不刷新保留原来的数据，增加用户体验，通过搜索发现了一个方法

export default {
    name: 'xxx',
    data () {
        //...
    },
    deactivated () {
     this.$destroy()
   },
   methods: {
    // ...
    }

$destroy完全销毁一个实例，清理它与其它实例的连接，解绑它的全部指令及事件监听器。
这样就可以重新更新数据了