zoukankan      html  css  js  c++  java
  • vuex的初始化

    创建store文件夹

    1.功能:放异步操作

    文件:actions.js

    内容:

    2.功能:获取state里数据

    文件:getters.js

    内容:

    export const singer = state => state.singer

    3.功能:放置方法名

    文件:mutation-types.js

    内容:

    export const SET_SINGER = 'SET_SINGER'

    4.功能:操作state数据

    文件:mutations.js

    内容:

    import * as types from './mutation-types'

    const mutation = {

     [types.SET_SINGER](state,singer){

     state.singer = singer 

    }

    }

    export default mutations

    5.功能:数据

    文件:state.js

    内容:

    const state = {

     singer:{}

    }

    export default state

    6.功能:入口

    文件:index.js

    内容:

    import Vue from 'vue'

    import Vuex from 'vuex'

    import * as actions from './actions'

    import * as getter from './getters'

    import mutations from './mutations'

    import state from './state'

    import createLogger from 'vuex/dist/logger'

    Vue.use(Vuex)

    //  开发环境时,跟踪每次state的修改

    const debug = process.env.NODE_ENV !== 'production'

    export default new Vuex.Store({

     actions,

    getters,

    mutations,

    state,

    strict: debug,

    plugin: debug ? [createLogger()] : []

    })

  • 相关阅读:
    微信机器人-定制消息
    Python实现微信祝福语自动发送
    日常使用 ADB 命令
    python 中的三种等待方式
    Appium自动化测试之环境安装
    Charles 模拟弱网
    Navicat连接MySQL报错-2059
    requests高级用法
    requests基本用法
    Monkey测试环境搭建
  • 原文地址:https://www.cnblogs.com/victory820/p/7153816.html
Copyright © 2011-2022 走看看