试描述web应用的基本原理_vue的核心原理「建议收藏」

Vue (67) 2023-09-09 12:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说试描述web应用的基本原理_vue的核心原理「建议收藏」,希望能够帮助你!!!。

视图、操作、状态之间的关系:

试描述web应用的基本原理_vue的核心原理「建议收藏」_https://bianchenghao6.com/blog_Vue_第1张

数据单向流动

一个应用可以看作是由上面三部分组成: View, Actions,State,数据的流动从View => Actions => State =>View 以此达到数据的单向流动.

但是项目较大的, 组件嵌套过多的时候, 多组件共享同一个State会在数据传递时出现很多问题.Vuex就是为了解决这些问题而产生的.

Vuex可以被看作项目中所有组件的数据中心,我们将所有组件中共享的State抽离出来,任何组件都可以访问和操作我们的数据中心.

试描述web应用的基本原理_vue的核心原理「建议收藏」_https://bianchenghao6.com/blog_Vue_第2张

Vuex原理

上图可以很好的说明Vuex的组成,一个实例化的Vuex.Store由state, mutationsactions三个属性组成:

  • state中保存着共享数据;
  • 修改state中的状态只能提交mutations中的方法,且方法必须是同步的;
  • 需要异步方法时,写在actions中, 提交mutations,由mutations修改state状态.

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复