vuex-shared-mutations, 在标签/Windows 之间共享vuex突变

分享于 

3分钟阅读

GitHub

  繁體 雙語
Share vuex mutations between tabs/windows
  • 源代码名称:vuex-shared-mutations
  • 源代码网址:http://www.github.com/xanf/vuex-shared-mutations
  • vuex-shared-mutations源代码文档
  • vuex-shared-mutations源代码下载
  • Git URL:
    git://www.github.com/xanf/vuex-shared-mutations.git
    Git Clone代码到本地:
    git clone http://www.github.com/xanf/vuex-shared-mutations
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/xanf/vuex-shared-mutations
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    vuex-shared-mutations

    在多个标签/之间共享特定的Vuex 变种,使用 localStorage。

    NPM versionBuild Status

    安装

    $ npm install vuex-shared-mutations

    用法

    importcreateMutationsSharerfrom'vuex-shared-mutations'conststore=newVuex.Store({
     //.. . plugins: [createMutationsSharer({ predicate: ['mutation1', 'mutation2'] })]
    })

    importcreateMutationsSharerfrom'vuex-shared-mutations'conststore=newVuex.Store({
     //.. . plugins: [createMutationsSharer({ predicate: (mutation, state) => {
     constpredicate= ['mutation1', 'mutation2']
     // Conditionally trigger other plugins subscription event here to// have them called only once (in the tab where the commit happened)// ie. save certain values to localStorage// pluginStateChanged(mutation, state)returnpredicate.indexOf(mutation.type) >=0;
     } })]
    })

    API

    createMutationsSharer([options])

    使用给定选项创建插件的新实例。 可以提供以下选项来为你的特定需要配置插件:

    • sharingKey <String>: 通过localStorage共享动作的密钥。 ( 缺省值:vuex-mutations-sharer )
    • predicate <Array | Function> 若要共享一个变异类型,或者一个函数函数,接受整个变异对象,如果该突变应该被共享,那么返回 true

    工作原理

    调用 $store.commit 时,调用插件并将突变对象保存到 localStorage。 这将触发所有其他选项卡/Windows ( 在同一浏览器中,加载了相同的站点域) 中的storage 事件,然后在该选项卡/窗口( 在同步期间关闭同步以禁用递归) 中重播突变。

    • Fork
    • > git clone
    • > yarn ( 如npm安装)
    • > yarn global add ava ( 测试 runner )
    • src/index.js 进行更改
    • > npm run test
    • > npm run lint
    • 如果一切都通过了:
      • 更新 CHANGELOG.md
      • 提交并发出请求请求

    许可证

    MIT © Illya Klymov


    tab  SHA  分享  Tab标签  Mutation  
    相关文章