vue2-vuex

1.cnpm install vuex

2.入口文件中加入(main.js)

import Vue from 'vue'

import App from './vuex'

import store from './store'

new Vue({

el: '#app',

store,

render: h => h(App)

})


3.新建的文件store.js 中加入

import Vue from 'vue'

import Vuex from 'vuex';

Vue.use(Vuex)

const state={

count:411

}

// 这个是外加的方法

const mutations = {

jia(state){

state.count ++;

},

jian(state){

state.count --

}

}

// 这个是外加的方法

export default new Vuex.Store({

state,

mutations

})


4.在新建的vuex文件中加入代码


上述文件都是同级目录下新建 的

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

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0 7
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,153评论 0 6
  • 这两天在做Vue移动端的项目,正好用到了Vuex,记录一下相关知识。 一、安装 npm yarn Vuex是Vue...
    婷楼沐熙阅读 7,707评论 2 2
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 1,472评论 0 7
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 8,040评论 4 111