使用vuex简单的实现系统中的状态管理

使用vuex简单的实现系统中的状态管理

最近项目中用到了vue,其中状态的集中管理使用到了vuex,因此就学习vuex做一个简单的记录。vuex的官方网址如下： ​​vuex​​

当我们的项目慢慢做大的时候，各个父组件和子组件之间有些状态需要项目共享，比如用户在父组件中登录后，在各个子组件中需要用到登录信息，虽然可以使用父子组件之间的通选解决，但是使用vuex可以达到更好的效果。

在vuex中有几个核心的概念：

state : 这个就是父子组件中需要共享的状态，即共享的数据，比如用户的登录信息等

action: 这个可以理解为执行的动作，这个里面可以执行一些逻辑的判断，判断最终需要提交那个mutation

mutation: 在mutation中可以进行state中的数据的修改，其余的地方不建议进行state中数据的修改

在此我们简单的实现一个计数的小例子，实现父组件中的数据修改后，子组件中可以获取到数据的变化

2、 cd vue-study

3、 npm install

4、安装vuex   npm install vuex --save

5、创建上面代码中的store目录的文件

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。