Vue X入门

安装

使用NPM安装

npm install vuex --save

使用Yarn安装

yarn add vuex

使用

导入项目

在项目src目录下创建store文件夹，并在该文件夹中创建index.js

打开index.js

导入vuex 并用vue使用它

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

新建store对象
state是用来放数据的
mutations是用来放改变state里数据的方法的

const store = new Vuex.Store({
  state: {
  
  },
  mutations: {
  
  }
})

导出store对象

export default store;

打开main.js

导入刚刚定义的store对象

import store from "./store"

在Vue对象中将store对象放入

在项目中使用

在html中使用即可取出

{{{{$store.state.属性名}}}}

改变值需要在index.js中的mutations中添加改变方法

在上面那个例子中，使用count属性

{{{{$store.state.count}}}}

使用increment方法

this.$store.commit('increment',参数)

最后的最后！
朱老板真是太厉害了！
朱老板就是代码的神！
别的地方的朱老板！不行！
我们0602的朱老板！行！