vuex的理解

• 什么是vuex：是vue官方提供的一个数据状态管理的插件，主要解决了在数据比较复杂的项目中数据共享的问题。

• vuex的五大核心属性及原理

  • 属性：

    • state：存储vuex中的数据

    • mutations：修改state中的数据

    • actions：用来处理vuex中的异步任务

    • getters：类似于计算属性computed，用来处理state中的数据

    • modules：可以对state中的数据进行分模块处理

  • 原理：单行数据流

    • 在vuex中只有mutations可以修改state中的数据，若组件想要修改数据，必须先派发一个任务：①若为同步任务，可以通过commit方法提交这个任务给mutations去处理，mutations来修改state中的数据，修改完成以后，组件负责渲染这个数据；②若为异步任务，先通过dispatch方法提交这个任务给actions去处理，actions把这个任务提交给mutations，mutations来修改state中的数据，修改完以后组件负责渲染这个数据。

  • 优缺点：

    • 优点：能够在vuex中集中管理共享的数据，易于开发与后期维护；vuex的状态存储是响应式的；解决多层组件通信之间的麻烦

    • 缺点：适合大型项目--不太复杂的可以使用组件通信；页面刷新数据丢失，做数据持久化