vuex最简单的使用方法

引入第三方插件,有个监听,当第二次进入之后监听到的要更改视图,但是无果,用vuex最简单的解决此问题

1.引入vuex

2.创建store文件,添加index.js

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

const state = {

  arr:[],

  mentionedJson:{}

}

const mutations = {

    modifyArray(state, obj){

        if(!!obj)

        {

            state.arr= obj

        }

      },


}


export default new Vuex.Store({

  state,

  mutations,

})

3.main.js  

import store from './store/index.js'

new Vue({

    el: '#app',

    router,

    store,

    components: { App },

    template: '<App/>'

})

4.使用

computed:{

    historyList(){

      return this.$store.state.arr;  

    },

  },

事件中监听修改

let array = [1,2,3]

_this.$store.commit('modifyArray',array );

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,963评论 0 7
  • ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 739评论 0 3
  • 姓名:岳沁 学号:17101223458 转载自:http://blog.csdn.net/h5_queensty...
    丘之心阅读 2,155评论 0 1
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,138评论 0 6
  • 备注:此案例是用vue脚手架创建的demo 1、首先要知道什么是Vuex? 在Vue官方网站的解释是:Vuex 是...
    浪流儿阅读 4,108评论 0 3