zoukankan      html  css  js  c++  java
  • vuexclass用法

    vuex-class可以包装vuex的写法,使代码简化

    Installation

    $ npm install --save vuex-class

    Example

    import Vue from 'vue'
    import Component from 'vue-class-component'
    import {
      State,
      Getter,
      Action,
      Mutation,
      namespace
    } from 'vuex-class'
    
    const someModule = namespace('path/to/module')
    
    @Component
    
    export class MyComp extends Vue {
    
      @State('foo') stateFoo
    
      @State(state => state.bar) stateBar
    
      @Getter('foo') getterFoo
    
      @Action('foo') actionFoo
    
      @Mutation('foo') mutationFoo
    
      @someModule.Getter('foo') moduleGetterFoo
    
      // If the argument is omitted, use the property name
    
      // for each state/getter/action/mutation type
    
      @State foo
    
      @Getter bar
    
      @Action baz
    
      @Mutation qux
    
      created () {
    
        this.stateFoo // -> store.state.foo
    
        this.stateBar // -> store.state.bar
    
        this.getterFoo // -> store.getters.foo
    
        this.actionFoo({ value: true }) // -> store.dispatch('foo', { value: true })
    
        this.mutationFoo({ value: true }) // -> store.commit('foo', { value: true })
    
        this.moduleGetterFoo // -> store.getters['module/foo']
    
      }
    
    }
    
    
  • 相关阅读:
    数的划分终极版--背包法解决各类数的划分
    128.最长公共子序列
    整数划分类型题目--专练
    主函数
    LED类代码
    APM2.8地面站下载地址
    多文件函数调用
    流水灯
    APM的3DR无线数传的安装和调试
    闪烁的LED灯
  • 原文地址:https://www.cnblogs.com/sands/p/11284564.html
Copyright © 2011-2022 走看看