公共方法里怎么获取this.$store
时间: 2023-08-31 13:02:30 浏览: 113
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
要在公共方法中获取`this.$store`,我们需要先确保该方法所在的组件中已经引入了VueX,并且在组件的配置中正确配置了`store`实例。
在Vue组件中,我们可以通过`this`关键字来访问当前实例的属性和方法,在VueX中也不例外。因此,如果我们在组件的公共方法中想要获取`this.$store`,我们可以通过以下步骤来实现:
1. 确保Vue组件中已经正确引入VueX,并配置了`store`实例。在Vue组件代码中,我们需要先通过`import`语句引入VueX,并在组件的配置中通过`store`选项来配置`store`实例。例如:`import store from './store';`,然后在组件的配置中,添加`store`属性:`store: store`。
2. 在公共方法中,可以通过`this.$store`来获取VueX的`store`实例。例如,在一个事件处理函数或者生命周期钩子函数中,我们可以通过`this.$store`来访问和操作状态。例如:`this.$store.state.xxx` 或者 `this.$store.commit('xxx', payload)`。
总结来说,要在公共方法中获取`this.$store`,可以通过确保VueX已经正确引入并配置了`store`实例,然后在公共方法中通过`this.$store`来访问和操作状态。
阅读全文