vuex常见面试

1 vuex有哪几种状态和属性

有五种,分别是 State、 Getter、Mutation 、Action、 Module (就是mapAction等)

        vuex的流程

        页面通过mapAction异步提交事件到action。action通过commit把对应参数同步提交到mutation。mutation会修改state中对于的值。

最后通过getter把对应值跑出去,在页面的计算属性中,通过mapGetter来动态获取state中的值

2  vuex的State特性是?

     stae就是存放数据的地方,类似一个仓库  

        特性就是当mutation修改了state的数据的时候,他会动态的去修改所有的调用这个变量的所有组件里面的值( 若是store中的数据发生改变,依赖这个数据的组件也会发生更新 )


3 vuex的Getter特性是?

        getter用来获取数据,mapgetter经常在计算属性中被使用

vuex的Mutation特性是?

一、Action 类似于 mutation,不同在于:

二、Action 提交的是 mutation,而不是直接变更状态。

三、Action 可以包含任意异步操作

5 vuex的优势

        1 状态管理工具 核心是响应式的做到数据管理

            一个页面发生数据变化。动态的改变对应的页面

            相比使用localStorage ,localstorge只能纯属字符串数据格式,因此还得封装自己的写入写出,localstorage的优势是永久存储

兄弟之间组件有大量通信的,建议一定要用VUEX,不管大项目和小项目

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,990评论 0 7
  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 6,094评论 3 3
  • Vuex 概念篇 Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式...
    Junting阅读 8,190评论 0 43
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 12,442评论 4 111
  • 近日,专注线上收银与营销的产品惠趣将重磅上线,以期为中小型商户提供开拓新零售解决方案。惠趣主要致力于为客户提...
    七点在路上阅读 3,222评论 0 1