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']
    
      }
    
    }
    
    
  • 相关阅读:
    自动化测试最新面试题和答案
    没有接口设计文档怎么做测试?
    测试岗/测试开发岗面经合集
    安卓测试常用的 ADB 命令
    面试问题集合
    springboot测试邮件发送
    swagger
    shiro 登录拦截和用户认证、资源授权
    SpringSecurity(安全框架)
    SpringBoot整合Mybatis框架
  • 原文地址:https://www.cnblogs.com/sands/p/11284564.html
Copyright © 2011-2022 走看看