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']
    
      }
    
    }
    
    
  • 相关阅读:
    java中检测网络是否相通
    springBoot学习资料
    mybatis-Plus 增强版用法收藏
    idea生成springBoot 报错403
    java中所有开源注解收集
    JsonCpp操作数组对象
    第三方库 jsoncpp 读写json
    c++ 判断是64还是32位系统
    c++ 读写结构体到文件
    c/c++ 按照行读取文件
  • 原文地址:https://www.cnblogs.com/sands/p/11284564.html
Copyright © 2011-2022 走看看