精华内容
下载资源
问答
  • vuex面试题

    2021-03-01 10:39:47
    vuex 的设计理念是什么? 或者说 vuex 的工作流是什么? vuex 里的 mutation 和 action 的联系和区别. 你认为 vue 2.x 后期引入的 provide/inject 能否替代 vuex, 为什么? 举例说明你在工作中使用 vuex 的一个具体场景...
    1. vuex 的设计理念是什么? 或者说 vuex 的工作流是什么?
    2. vuex 里的 mutation 和 action 的联系和区别.
    3. 你认为 vue 2.x 后期引入的 provide/inject 能否替代 vuex, 为什么?
    4. 举例说明你在工作中使用 vuex 的一个具体场景, 在这个场景中, vuex 是否是可替代甚至可删去的, 为什么?
    5. vuex 的 module 解决了什么问题?
    6. 如果由你自己实现一个 vuex, 你会考虑哪些方面?
    展开全文
  • vuex 面试题

    2021-01-03 16:08:02
    什么是vuex vuex:是一个转为vuex.js开发的状态状态管理器,采用集中式储存的所有组件状态。 五个属性:state、getters、mutations、actions、module 基本使用:新建store.js文件,最后main.js中引入,并挂在实例上...

    什么是vuex

    • vuex:是一个转为vuex.js开发的状态状态管理器,采用集中式储存的所有组件状态。
    • 五个属性:state、getters、mutations、actions、module
    • 基本使用:新建store.js文件,最后main.js中引入,并挂在实例上
    import Vue from 'vue'
    import Vuex from 'vuex'
    Vue.use(Vuex)
    const state = {}
    const getters = {]
    const mutations = {}
    const actions = {}
    export default new Vuex.Store({
    		state,
    		getters,
    		mutations,
    		actions
    })
    
    • state属性:存放状态,例如你要存放的数据
    • getters:类似于共享属性,可以通过this.$store.getters来获取存放在-state里面的数据
    • mutations:唯一能改变state的状态就是通过提交mutations来改变,this.$store.commit()
    • actions: 异步的mutations,可以通过dispatch来分发从而改变state

    在这里插入图片描述

    数据持久化

    • vuex里面存放的数据,页面一经刷新会丢失:
      解决方法: 存放在localStorage或者sessionStorage里面,进入页面时判断是否丢失,丢失再去localStorage或者sessionStorage里面取;
      在app.vue根组件的created里面判断是否丢失,在进行上面的操作;
    • vuex-persistedstate插件
      之后再store.js里面导入
    import createPersistedState from 'vuex-persistedstate'
    export default new Vuex.Store({
      state,
      getters,
      mutations,
      actions,
      plugins: [createPersistedState()]
    )}
    

    这样就可以做到数据持久化了

    map辅助函数

    mapActions:

    • 在组件内导入import {mapaActions} from ‘vuex’
      在这里插入图片描述
    • mapGetters import { mapGetters} from 'vuex'
      在这里插入图片描述
      其他的mapState,mapMutations也是一样操作
    展开全文
  • Vuex面试题汇总

    万次阅读 2020-01-12 15:46:21
  • vuex面试题总结

    2021-08-24 19:20:00
    Vuex 面试题 Vuex中如何异步修改数据 vuex基本使用流程为:在action中分发异步请求 在异步回调中 使用commit 提交mutation在mutation中修改state使用getters对state的值进行计算封装 如何在模块中 访问全局内容 ...

    Vuex 面试题

    1. Vuex中如何异步修改数据

      vuex基本使用流程为:在action中分发异步请求 在异步回调中 使用commit 提交mutationmutation中修改state使用gettersstate的值进行计算封装

    2. 如何在模块中 访问全局内容

      • 若 使用 全局 stategetter rootStaterootGetter 会作为第三和第四参数传入getter 也会通过context对象的属性传入 action

      • 若需要 在全局命名空间内 分发 action 或提交 mutation 将{root:true} 作为第三参数 传给 dispatchcommit 即可

    3. vuex中 划分模块的好处

      • state 更为 容易管理 保证了store完整的状态数 又避免了相互之间的state冲突
      • 命名 操作 state 都变得 扁平 直观
    4. vuex的store特性

      • vuex 就是一个仓库 仓库里放了很多对象 其中state就是数据源存放地
      • state里面存放的数据是 响应式的 vue组件从store读取数据 若是 store中的数据发生改变 依赖这项数据的组件 也会发生更新
      • 通过 mapState 把全局的state 和 getters 映射到当前组件的 computed中
    5. vuex 的 getter 特性是什么

      • 可以对 state 进行计算操作 它就是 store 的计算属性
      • 虽然在组件内也可以做计算属性 但是 getters 可以在多个组件之间复用
      • 如果一个状态只在一个组件内使用 可以不用 getters
    6. vue.js中ajax请求代码应该写在组件的methods还是vuex的actions中

      • 如果请求来的数据 是 不需要被其他组件公用 仅仅在请求的组件内使用 就不需要放入 vuex的 state中
      • 若被其他地方复用 则将请求放入action中 方便复用
    7. actions和mutations的区别

      • mutation 更改 Vuex的store中的状态的唯一方法是 提交 mutation 每个mutation 都有一个 字符串的事件类型 和 一个回调函数 回调函数 就是进行状态更改的地方 且 接受 state 作为 第一个参数

        const store = new Vuex.Store({
          state: {
            count: 1
          },
          mutations: {
            increment (state) {
              // 变更状态
              state.count++
            }
          }
        })
        
      • Action 提交的是mutation 而不是直接变更状态 可以包含异步操作

        const store = new Vuex.Store({
          state: {
            count: 0
          },
          mutations: {
            increment (state) {
              state.count++
            }
          },
          actions: {
            increment (context) {
              context.commit('increment')
            }
          }
        })
        
    展开全文
  • 前端Vuex面试题

    千次阅读 2020-09-03 21:59:51
    什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法就是在mutaions里修改state,actions不能直接修改state vuex的组成结构示意图: ...
  • Vuex 面试题1. 什么是Vuex?2. Vuex解决了什么问题?3. 使用vuex的核心概念1)store2) state3)getters4)mutations5)actions 1. 什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式...
  • Vuex面试题总结必看!

    2021-09-25 19:06:05
    1.什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法是提交mutation。 2.什么时候用Vue? 多个组件依赖于同一状态时。 ...
  • vuex 面试题 _@jie

    2020-09-08 22:22:59
    1、有哪几种属性 有 5 种,分别是 state、getter、mutation、action、module state => 基本数据 getters => 从基本数据派生的数据 ...(1) vuex 就是一个仓库,仓库里放了很多对象。其中 state

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,412
精华内容 2,164
关键字:

vuex面试题

vue 订阅