Advertisement

Vesuvio的插件体系代码示例库

阅读量:

Vuex所提供的插件机制,使得开发者能够在Vuex store中集成个性化的功能模块。所谓插件,本质上是一个函数,其参数为一个store对象。借助该对象,用户能够对状态进行访问、触发mutations操作以及监听actions事件。此类插件可被应用于实现日志追踪、数据持久化以及信息同步等多种用途其中,plugins这一字段被定义为一个数组结构

以下展示了一个基础的Vuex插件实例,其功能为记录每次mutation操作的详细日志:

复制代码
    // logger.js
    const logger = store => {
      // 当store初始化后调用
      store.subscribe((mutation, state) => {
    console.log('mutation: ', mutation.type);
    console.log('payload: ', mutation.payload);
      });
    };
    
    export default logger;
    
    
    AI写代码javascript

全部评论 (0)

还没有任何评论哟~