vue如何给公共组件header动态传入标题？

Question

如图，mianPages页面下面有四个子组件，common-header的标题是$store.state.title,
子组件执行created() { this.$store.commit('setTitle','传值') }来传入标题,现在给indexPage设置为·keep-alive，问题是从searchPage回到indexPage后标题还是搜索

Answer 1

keep-alive 包裹的组件 有特殊的的生命周期 hook activated， 里加 commit('setTitle')