精华内容
下载资源
问答
  • 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?

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法就是在mutaions里修改state,actions不能直接修改state

    vuex的组成结构示意图:

    Vuex的特点是把数据单独隔离,形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出,其中action作为数据的输入,state作为数据的输出。如下图:

    在这里插入图片描述

    store:

    vuex 中最关键的是store对象,这是vuex的核心。可以说,vuex这个插件其实就是一个store对象,每个vue应用仅且仅有一个store对象。

    创建store:

    const store = new Vuex.Store({...});
    

    store是Vuex.Store这个构造函数new出来的实例。在构造函数中可以传一个对象参数。这个参数中可以包含5个对象:

    1. state => 基本数据
    2. getters =>state的计算属性
    3. mutations => 提交更改数据的方法,同步!
    4. actions => 把方法提交到mutation,异步操作
    5. modules => 将store模块化—当store很大的时候,分成模块,方便管理
    关于store,需要先记住两点:
    • \1. store 中存储的状态是响应式的,当组件从store中读取状态时,如果store中的状态发生了改变,那么相应的组件也会得到更新;
    • \2. 不能直接改变store中的状态。改变store中的状态的唯一途径是提交(commit)mutations。这样使得我们可以方便地跟踪每一个状态的变化。

    一个完整的store的结构:

    const store = new Vuex.Store({
      state: {
        // 存放状态
      },
      getters: {
        // state的计算属性
      },
      mutations: {
        // 更改state中状态的逻辑,同步操作
      },
      actions: {
        // 提交mutation,异步操作
      },
      // 如果将store分成一个个的模块的话,则需要用到modules。
       //然后在每一个module中写state, getters, mutations, actions等。
      modules: {
        a: moduleA,
        b: moduleB,
        // ...
      }
    });
    

    语法糖辅助函数:

    mapState-----mapActions----mapMutations----- mapGetters

    当一个组件获取多种状态的时候,为了方便可以用语法糖辅助函数

    mapState和mapGetter的使用只能在computed计算属性中,
    mapMutations和mapActions使用的时候只能在methods中调用否则报错

    import {mapState,mapGetters,mapActions,mapMutations} from 'vuex'
    
    
    computed:{
        ...mapState({
            a:"a",   //  "a" 指的是state中的a
            b:"b"
        }),
        ...mapGetters({
            Val:'newVal' // 可以重新命名
        })
    }
    
    methods:{
        ...mapActions({
            getSync:'getSyncNum'
        })
    
        ...mapMutations({
            increament:"increament"
        })
    }
    
    
    
    template
    
    {{a}}  {{b}}
    
    {{getSync(1)}}
    
    <button @click='increament(1)'></button>
    
    
    
    
    什么时候用vuex:

    当项目遇到以下两种场景时

    • 多个组件依赖于同一状态时。
    • 来自不同组件的行为需要变更同一状态。
    展开全文
  • vuex 面试题

    万次阅读 2019-05-14 03:25:51
    1、有哪几种属性 有 5 种,分别是 state、getter、mutation、action、module state => 基本数据 getters => 从基本数据派生的数据 mutations => 提交更改数据的方法,同步!... 模块化Vuex 2、vu...
    1、有哪几种属性
    
    有 5 种,分别是 state、getter、mutation、action、module
    state => 基本数据 
    getters => 从基本数据派生的数据 
    mutations => 提交更改数据的方法,同步! 
    actions => 像一个装饰器,包裹mutations,使之可以异步。 
    modules => 模块化Vuex
    
    2、vuex 的 store 特性是什么
    
    (1) vuex 就是一个仓库,仓库里放了很多对象。其中 state 就是数据源存放地,对应于一般 vue 对象里面的 data
    
    (2) state 里面存放的数据是响应式的,vue 组件从 store 读取数据,若是 store 中的数据发生改变,依赖这相数据的组件也会发生更新
    
    (3) 它通过 mapState 把全局的 state 和 getters 映射到当前组件的 computed 计算属性
    
    3、 vuex 的 getter 特性是什么
    
    (1) getter 可以对 state 进行计算操作,它就是 store 的计算属性
    
    (2) 虽然在组件内也可以做计算属性,但是 getters 可以在多给件之间复用
    
    (3) 如果一个状态只在一个组件内使用,是可以不用 getters
    
    4、vuex 的 mutation 特性是什么
    
    action 类似于 muation, 不同在于:action 提交的是 mutation,而不是直接变更状态
    
    action 可以包含任意异步操作
    
    5、vue 中 ajax 请求代码应该写在组件的methods中还是vuex 的action中
    
    如果请求来的数据不是要被其他组件公用,仅仅在请求的组件内使用,就不需要放入 vuex 的 state 里
    
    如果被其他地方复用,请将请求放入 action 里,方便复用,并包装成 promise 返回
    
    6、不用 vuex 会带来什么问题
    
    可维护性会下降,你要修改数据,你得维护3个地方
    
    可读性下降,因为一个组件里的数据,你根本就看不出来是从哪里来的
    
    增加耦合,大量的上传派发,会让耦合性大大的增加,本来Vue用Component就是为了减少耦合,现在这么用,和组件化的初衷相背
    复制代码
    展开全文
  • 面试题(八)vuex常见面试题

    千次阅读 2020-10-27 14:34:12
    1. vuex 是什么?怎么使用?哪些功能场景使用它? 答:vue框架中状态管理。在 main.js 引入 store,注入。 新建了一个目录store.js,…export。 场景有:单页应用中,组件之间的状态。音乐播放、登陆状态、加入...
  • 呕心沥血60道Vue、Vue-Router、Vuex面试题及详解!

    千次阅读 多人点赞 2020-10-17 20:45:23
    VUE60道面试题总结 生命周期函数 1.什么是 vue 生命周期 我们知道 vue 是通过构建数据驱动的web界面的渐进式框架 所谓周期就是指从一个起点到一个终点的过程,那么生命周期就是指从生命开始到生命结束的过程 vue每...
  • VUE之VUEX常见面试题

    千次阅读 2021-01-15 10:18:42
    1.vuex是什么?怎么使用?哪种功能场景使用它? 答:vue框架中状态管理。在main.js引入store,注入。 新建了一个目录store.js,….. export 。 解决的问题:多个视图依赖同一个状态来自不同视图的行为需要变更...
  • 关于vue常问的面试题

    万次阅读 多人点赞 2018-08-04 14:32:46
    vue+vue-router+vuex+axios+es6+sass 减少dom操作   2、vue如何进行性能优化?怎么做vue的兼容? 1. 慎用deep watch 2. 尽可能的减少watcher的数量  在上面16000个素材的情况,vue至少会创建16000个watcher...
  • Vuex面试题总结必看!

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

    千次阅读 2020-04-29 07:30:00
    自从学习了Vue框架,其中必不可少的会用到vuex这个核心插件,而且在做项目的时候,基本都会使用,可能你会使用vuex状态管理,但是对vuex原理存在着或多或少的的疑惑或不解,这篇文章就...
  • vuex面试题

    2020-11-25 11:35:23
    在工作面试时,会问到好多关于vuex的知识点,KBK总结了一下,如下: 1. vuex中如何异步修改数据? 首先, 概括下 vuex基本使用流程为: 在action中分发异步请求, 在异步回调中使用commit提交mutation,在mutation中修改...
  • vuex面试题

    2021-03-01 10:39:47
    vuex 的设计理念是什么? 或者说 vuex 的工作流是什么? vuex 里的 mutation 和 action 的联系和区别. 你认为 vue 2.x 后期引入的 provide/inject 能否替代 vuex, 为什么? 举例说明你在工作中使用 vuex 的一个具体场景...
  • vuex的常见面试题

    千次阅读 多人点赞 2021-09-29 14:17:17
    1.vuex是什么?怎么使用?哪种功能场景使用它? 答:Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。(公共数据库) 当项目遇到以下两种场景时 1. 多个组件依赖于同一状态时。 2. 来自不同组件的行为...
  • 关于Vue的各类面试题 下面列举一些题目 什么是MVVM? mvvm 和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合? vue的优点是什么? 组件之间的传值? vue.cli中怎样使用自定义的组件?有遇到过哪些问题...
  • vuex常见面试题

    2020-11-17 12:02:02
    文章目录1.vuex是什么?怎么使用?哪种功能场景使用它?2.vuex有哪几种属性总结3.不使用Vuex会带来什么问题4.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?5.vuex一个例子方法1.首先定义两个...
  • vuex 面试题 _@jie

    2020-09-08 22:22:59
    1、有哪几种属性 有 5 种,分别是 state、getter、mutation、action、module state => 基本数据 getters => 从基本数据派生的数据 ...(1) vuex 就是一个仓库,仓库里放了很多对象。其中 state
  • 文章目录关于Vuex01. vuex是什么?02. vuex有哪几种属性?03. Ajax请求写在哪里?04. Vuex刷新页面数据丢失?关于指令01. v-show与v-if的区别?02. v-for与v-if的使用?03. v-for中的**key**的作用?04. v-on可以...
  • 面试题-对vuex的理解

    2020-09-16 15:11:51
    面试题- 对vuex的理解 当面试官问我们对vuex的理解的时候,我们不能只说“vuex是一个专为vue.js应用程序开发的状态管理模式”,尽量不要让面试官连续追问(总会问到自己不会的然后说你实力还差那么点来可以得降薪)...
  • 前端面试题 Vuex 的基础和应用方法

    多人点赞 2021-09-13 20:05:59
    一,Vuex 是什么?有什么用 Vuex是一个辅助于 Vue 的状态数据管理库,用于处理Vue开发过程中的重复数据过于冗余无意义从而拖累代码运行效率的一种方案,可以将在同一个入口文件管理下的所有重复的数据、计算、函数...
  • vue面试题:谈谈你对vuex的理解

    千次阅读 2020-07-12 21:21:10
    面试题:谈谈你对vuex的理解 这是本人的第一篇博客 哈哈哈哈哈哈哈哈写的好或不好 请谅解喔~ 当面试官问我们对vuex的理解的时候,我们不能只说“vuex是一个专为vue.js应用程序开发的状态管理模式”,尽量不要让面试...

空空如也

空空如也

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

关于vuex的面试题

vue 订阅