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']
    
      }
    
    }
    
    
  • 相关阅读:
    盒模型(框模型)
    边框
    尺寸及溢出处理
    HTML标签分类
    尺寸单位和颜色的取值
    选择器的优先级
    C++ 代码模板
    LC 425. Word Squares 【lock,hard】
    LC 660. Remove 9 【lock, hard】
    LC 759. Employee Free Time 【lock, hard】
  • 原文地址:https://www.cnblogs.com/sands/p/11284564.html
Copyright © 2011-2022 走看看