zoukankan      html  css  js  c++  java
  • 关于vuex中state、mutation、mutation-type、getters,action的设置

    收集的vue组件:

    https://blog.csdn.net/wang1006008051/article/details/77970492

    1.新建一个store文件夹,新建index.js文件,内容如下:

    import Vue from 'vue';
    import Vuex from 'vuex';
    import state from './state';
    import mutations from './mutations';
    import actions from './actions';
    import * as getters from './getters';
    import createLogger from 'vuex/dist/logger'; // vuex调试工具
    Vue.use(Vuex);

    // 开发环境下开启严格模式
    const debug = process.env.NODE_ENV !== 'production';

    export default new Vuex.Store({
    getters,
    state,
    mutations,
    actions,
    strict: debug,
    plugins: debug ? [createLogger()] : []
    });

    2.新建state.js文件,内容如下:

    //import paras from './paras';
    const state = {
      keys:''
    };

    export default state;

    3.新建mutation-type.js,内容如下:

    export const SET_Keys = 'SET_Keys ';
     
    4.新建mutation.js,内容如下:
    import * as types from './mutation-types';

    const mutations = {
    [types.SET_Keys ](state, value) {
        state.keys= value;
      }
    };
    export default mutations;
     
    5.新建getters.js,内容如下:
    export const getKeys = state => state.keys;
     
    6.新建actions.js,内容如下:
    const actions = {
        myFunc({state, commit}, chartsPieObj) {
      }
    }
    export default actions;
     
    7.在入口文件main.js中使用:
    import store from './store';
    window.vm = new Vue({
        el:'#app',
        store,
        router,
        i18n,
        render: c => c(App)
    })
     
     
  • 相关阅读:
    Java Web之Tomcat
    Java Web之HTML5
    Java 读取propertoes文件
    SQL Server 触发器
    通过关闭 UseDNS和GSSAPIAuthentication选项加速 SSH登录
    数据库创建索引有什么优点和缺点
    修改查看MYSQL字符集(charset)
    MySQL 数据类型
    远程连接mysql数据库提示:ERROR 1130的解决办法
    怎么快速了解自己的MySQL服务器?
  • 原文地址:https://www.cnblogs.com/liuhp/p/9714979.html
Copyright © 2011-2022 走看看