zoukankan      html  css  js  c++  java
  • 关于应用vue Store

    import Vue from 'vue'
    import Vuex from 'vuex'
    import axaios from 'axios'
    import createPersistedState from "vuex-persistedstate" //将数据持久化, 此方法就是将store中的数据存到stroge中,以此来持久化

    Vue.use(Vuex)

    const store = new Vuex.Store({
      
      state: {
        info:{},
      },
     
      getters:{
        getInfo:state => state.info
      }
      
      mutations:{
        setInfo(state,info){
          state.info = info
        }
      },
      action:{
        getInfoFun(context,info){
          const info = axaios.get('/a/b')
          context.commit('setInfo', info)
          return info
        }
      },
      plugins: [createPersistedState()] //这个方法是执行持久化。
    })
     
     
    ==================组件中引用=================
    this.$store.dispatch('getInfoFun')     //引用
    this.$store.getters.getInfo()
    ==================组件中引用=================
     
     
     
    ==================main.js定义=================
    import router from './router'
    import store from './store';
     
     
    Vue.use(store)     //这可能是一种方法
     

    new Vue({
    el: ‘#app‘,
    router, // 注册路由
    store, // 注册store
    components: {APP},
    template: <App/>
    })

    ==================main.js定义=================
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    jq的stop
    mouseover,mouseout与mouseenter,mouseleave
    jq的load
    KeyUp 和KeyDown 、KeyPress之间的区别
    jq的error
    $(function() {....}) ,(function($){...})(jQuery)
    delegate事件委托
    将项目提交到git
    linux下安装jenkins
    手写简单的linkedlist
  • 原文地址:https://www.cnblogs.com/HePandeFeng/p/12868429.html
Copyright © 2011-2022 走看看