vue中使用vuex缓存组件

vue

在app.vue中,使用keep-alive,它的属性include,来缓存组件

配合使用vuex,来添加需要缓存的组件

在需要做缓存的组件内使用

1,引入vuex

2,触发mutations 里的 addCachePage 方法,

this.$store.commit(‘addCachePage’, ‘test’);

3,注意:组件的name:‘test’必须带上,

4,移除缓存触发mutations 里的 removeCachePage方法,

this.$store.commit(‘removeCachePage’, ‘test’) 即可

以上是 vue中使用vuex缓存组件 的全部内容, 来源链接: utcz.com/z/374983.html

回到顶部