美文网首页
创建store改变VUEX

创建store改变VUEX

作者: 四哥_d0ad | 来源:发表于2018-11-14 21:12 被阅读0次

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;

相关文章

  • 创建store改变VUEX

    import Vue from "vue"; import Vuex from "vuex"; Vue.use(V...

  • Vuex入门

    官方文档:https://vuex.vuejs.org/zh/ 一、安装Vuex 二、创建store store/...

  • 手写简单Vuex

    手写 vuex 插件固定写法 混入 创建 Store 由于需要使用 new Vuex.Store 来创建,所以 V...

  • Vuex之集成

    安装 vuex npm i vuex -S 创建文件夹 创建 client/ store/ 创建 client/s...

  • vuex的简单使用-设置变量-更新变量

    1、安装vuex npm install vuex –save 2、新建文件夹store及创建store.js文件...

  • vue-cli中使用vuex

    1.安装 $ npm install --save vuex$ yarn add vuex 2. 创建store....

  • 安装Vuex

    安装vuex依赖包: 导入vuex包 创建 store 对象 vuex实例挂载到vue对象上 来源:https:/...

  • vuex中commit和dispatch

    当我们创建一个vuex时候,也就是创建一个store实例。我们使用vuex其实也就是对store实例的使用 关于m...

  • vuex状态管理工具的使用

    vuex使用介绍 使用步骤 下载vuex: npm i vuex -S 创建store实例, 实现数据管理 sto...

  • vue3.0中引入vuex

    1.下载vuex yarn add vuex@next 2.创建文件store分别创建actions.js,mut...

网友评论

      本文标题:创建store改变VUEX

      本文链接:https://www.haomeiwen.com/subject/lbssfqtx.html