動態(tài)組件的keep-alive：https://cn.vuejs.org/v2/guide...

我現(xiàn)在項(xiàng)目里就有類似你這種多組件切換，狀態(tài)需要保留的需求，更變態(tài)的還有需要多開同一個組件的的需求。
keep-alive無法滿足需求，后來嘗試?yán)^續(xù)在每個頁面是獨(dú)立路由的基礎(chǔ)上，將每個頁面的數(shù)據(jù)存起來（vuex）。
寫起來非常費(fèi)勁，遂放棄。
現(xiàn)在采用的是不用路由，每個頁面都在一個根路由下，使用tab頁切換來完成不同組件的展示（使用 component is）。因?yàn)榍袚Q組件，只是切換了展示的dom所以之前的狀態(tài)可以保存，且完美支持多開。這種方案的缺點(diǎn)是無法懶加載，如果是后臺系統(tǒng)，不考慮首屏?xí)r間，推薦使用這種方案。

把兩個頁面 合并成一個組件 然后 路由配置傳參數(shù)
類似{

  path: '/task/pending',
  name: 'TaskPending',
  component: TaskCommon,
  meta: { 'status': 0 },
}這樣 可以在this.$route中獲取到相應(yīng)參數(shù) 然后 區(qū)分顯示

用vue的keep-alive來緩存組件,用include屬性來緩存指定name的組件

例如:
<keep-alive include='test'>
<router-view><router-view>
</keep-alive>

new Vue({

el:#test,
name:'test'

})

肯定會刷新的
給你個建議 填寫的數(shù)據(jù) 倆個組件把值進(jìn)行傳遞
和你要達(dá)到的效果一樣