对vuex的浅解

原创 longqd 随笔 vue笔记 241阅读 2018-04-08 16:54:13 举报

转载自爱前端

vuex是什么?

官网的解释是

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools,extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

而就我浅显的理解是

它类似一个html里面的全局变量,可运用于全局,而vue存储的东西,可以运用于vue所有的组件,方便与组件里面数据的接受与监听。

vuex 在项目中的使用【通过vue-cli 脚手架搭建的项目中】

安装

在main.js中 引入

vuex核心概念的使用

随后,可以将store在main.js中处理出来,src目录下新建一个文件夹命名为store,新建index.js,actions.js,getters.js,mutation-types.js,mutations.js

testDemo.vue

这样以来,逼格就立马高了一些
最后,文件的目录大概就长下图这个样子

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复