vue-router 能不能在跳转页面的时候不卸载组件

Question

vue-router 能不能在跳转页面的时候不卸载组件
页面太大，重新渲染并且加载数据的成本过高

Answer 1

<router-view keep-alive></router-view>

配合

route:{
    activate: function (transition) {
      console.log('此处应该写数据更新逻辑')
      console.log("this.$route.query数据:",this.$route.query)
      console.log("transition.to.query数据:",transition.to.query)
      transition.next()
    }
  }

Answer 2

酱紫 <router-view keep-alive></router-view>