vuex的使用,网上的教程有不少。我写出来呢,也是为了本身可以巩固一下使用方法vue
那么下面进入正题。node
首先,假定你使用了npm包管理工具。你要先将vuex依赖到你的项目里面。使用npm install vuex --savevuex
(--save)是为了能将你加载的这个包添加到你项目的 package.json里面 ,命令行运行完成以后你会看的 在你的node_modules里面多了vuex目录npm
接下来咱们建立store.js文件。能够放在项目的src/js里面 json
为何在mutations里面写setjishu与setmeisha两个方法呢,由于咱们是没法在外面直接改变state里面定义的值的。只能经过commit的方式去改变。下面会把调用的方法写出来。工具
接下来咱们只须要在main.js文件里面引入 store.js 并将它添加到vue的实例中this
这样就基本完成了。。而后在你须要使用到store的地方,命令行
用_this.$store.state.参数名 来获取参数教程
用 _this.$store.commit('方法名', 参数);这里的方法名就是mutations中定义的方法,如你想要改变jishu值it
就能够使用 _this.$store.commit('setjishu',参数) 来实现
好了上面就是vuex 的基本使用方法了。。