vuex plugins传参
时间: 2024-08-23 15:01:34 浏览: 45
Vuex的API文档说明详解
Vuex中的plugins是一种扩展store功能的方式,它们通常包含一些全局的异步或同步动作、getters或 mutations。如果你想通过插件向store传递参数,可以这样做:
1. **创建插件**:
```javascript
const myPlugin = ({ store }) => {
// 定义需要的参数
const someParam = 'myValue';
store.subscribe((state) => {
console.log('Store updated:', state);
});
// 注册actions, getters 或 mutations,这里以mutation为例,并传递参数
store.commit('setSomeState', { param: someParam });
};
```
2. **在store中注册插件**:
```javascript
import Vue from 'vue';
import Vuex from 'vuex';
import myPlugin from './my-plugin.js';
Vue.use(Vuex);
export default new Vuex.Store({
// ... store配置
plugins: [myPlugin],
});
```
在上面的例子中,`someParam`被作为参数传递给了`setSomeState` mutation。
阅读全文