Vuex概念讲解

 官方解释:Vuex是专门为Vue.js应用应用程序开发的状态管理模式+库

Vuex安装:

        方法一:在脚手架创建项目是勾选vuex的选项系统会自动安装(脚手架安装无需任何配置)

        方法二:npm安装:npm install vuex@next --save

核心概念:

               1:State类似于data可以在任何组件里面进行调用

                        (1)调用: <div>{ {$store.state.数据名称}}</div> 

                2:Mutation:更改Vuex的store中的状态的唯一方法是提交mutation

                3:Action在Vuex中进行模拟异步操作
                        (1)调用:可以直接使用this.$store.dispatch('定义的函数名')调用它

                4:Getter对store中的数据进行加工处理形成新得数据

扫描二维码关注公众号,回复: 16102749 查看本文章

                5:  Modules将store分割成模块(module),每个模块拥有自己的state,mutation,action,getter

猜你喜欢

转载自blog.csdn.net/longyan_tianyu/article/details/128475041