vuex的使用
vuex的作用是将公用的数据放入公共的仓库,方便管理。
- State公用数据的存储
- Actions在store中可以将数据提交到mutations中,可以包含异步操作。在页面上使用dispatch可以将数据提交至actions中。
- Mutations会接受state作为第一个参数,在函数中对state中的数据进行操作。
如何在页面中获取store中的数据
- this.$store.state.变量名称。
- 引入辅助函数 mapState将数据映射到computed。
dispatc和commit的区别
当你的操作行为中含有异步操作,比如向后台发送请求获取数据,在页面中执行dispatch完成。
其他情况使用commit提交数据至store。
第一次编写,不足之处还望指出。