VUEX简单理解
手画草图:
官方图:
使用场景1:例如要实现在一个显示组件中提交表单,另一个组件的内容需要随之改变:
没有使用vuex前: (与服务端交互2次)
表单组件提交内容时,我们需要与服务端交互一次(提交);
显示组件更新内容时:我们又需要与服务端交互一次(获取)。
使用vuex后: (与服务端交互1次)
表单组件提交内容时,我们在actions中与服务端交互,然后触发mutation,改变state中的数据状态;
显示组件直接使用getters获取states中的数据。
使用场景2:如果组件只在本地改变数据,不与服务端交互,并且显示组件也要随之改变。那不使用vuex是非常难实现的。
没有使用vuex前:
?
使用vuex后:
触发mutation,改变state中的数据状态;
显示组件直接使用getters获取states中的数据。