创建store改变VUEX

import Vue from "vue";

import Vuex from "vuex";

Vue.use(Vuex);

//创建一个store对象

const store=new Vuex.Store({

//用来存放数据的对象

state:{

title:"卖座电影",

username: '',

code: '',

islogin: false

},

//定义取数据

getters:{

title:function(state){

return state.title;

},

username: state => state.username,

userId: state => state.userId,

islogin: state => state.islogin

},

mutations:{

updateTitle:(state,payload)=>{

state.title=payload;

},

upUsername: (state, payload) => {

state.username = payload

},

upId: (state, payload) => {

state.userId = payload

},

upIslogin: (state, payload) => {

state.islogin = payload

},

}

});

export default store;

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

推荐阅读更多精彩内容

  • 这两天在做Vue移动端的项目,正好用到了Vuex,记录一下相关知识。 一、安装 npm yarn Vuex是Vue...
    婷楼沐熙阅读 7,726评论 2 2
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,972评论 0 7
  • import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(V...
    F_imok阅读 2,658评论 0 12
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,166评论 0 6
  • 文/孙莲英 (我觉得自己又重生了) 今天是2018年5月20日,是个重合的节日: 一个是520,在这里我祝爱我和我...
    完美的补丁阅读 323评论 0 2