vuex的基本使用

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 的基本使用方法了。。

相关文章
相关标签/搜索