公共方法里怎么获取this.$store

要在公共方法中获取`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`来访问和操作状态。

相关问题

在公共js文件里面，如何拿this.$store.state

在Vue.js中，当你想在公共JS文件里访问Vuex store的状态（state），你需要确保已经通过Vue实例或Vue组件正确地注入了store。通常，你可以在`main.js`或`App.vue`等初始化文件中完成这个步骤。以下是操作方法：

1. 首先，确保你在全局范围内已经创建并导出了store，例如：

   import Vue from 'vue';
   import Vuex from 'vuex';
   
   const store = new Vuex.Store({
     state: {
       yourStateKey: 'your_value'
     },
     // 更多配置...
   });
   
   // 导出store供全局引用
   export default store;

2. 然后，在你的公共JS文件中，可以使用`import`导入store，并通过`this`关键字访问其中的状态：

   // 公共JS文件，如 utils.js 或 commonUtils.js
   import store from '@/store';

   export function getStateValue(key) {
     return this.$store.state[key];
   }

3. 在需要的地方，你可以通过`getStateValue`函数获取状态值：

   // 使用时，传入你要获取的键名
   console.log(getStateValue('yourStateKey'));

this.$message.

this.$message是Vue.js中的一个组件，用于显示提示信息。它有几个属性可以控制提示的类型、文本居中显示、关闭按钮显示等。

引用的第一个内容提到了使用this.$createElement方法可以自定义显示文本的效果。此外，还可以通过设置dangerouslyUseHTMLString为true，解析文本内容中的HTML标签。

引用的第二个内容提到了在Vue项目中引用公共方法的使用方法。通过this.common.login()可以调用一个名为login的公共方法。这个方法里可以放置一段简单的代码，例如console.log('这是一段代码')。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [this.$message入门使用](https://blog.csdn.net/qq_40765784/article/details/125414501)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法](https://download.csdn.net/download/weixin_38610277/13127997)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]