当面试官刨根问底的面试vuex的时候,我想说我是谁???我在哪???我在干什么???

最近在面试，现在随着国内疫情成功控制，全国经济也在渐渐恢复。对于我们再寻求工作的机会的朋友们，也是一件好事。加油加油↖(^ω^)↗，早日offer到手。哪里写的不好的，请多指点

(1).vuex的state、getter、mutation、action、module特性分别是什么？

vuex 的几个核心概念Store：Vuex 使用一个 Store 对象管理应用的状态，一个 Store 包括 State, Getter, Mutation, Action 四个属性。
State：State 意为“状态”，是 vuex 状态管理的数据源。相当于存放变量的容器
Getter：Getter 的作用与 filters 有一些相似，可以将 State 进行过滤后输出。
Mutation：Mutaion 是 vuex 中改变 State 的唯一途径（严格模式下），并且只能是同步操作。Mutaion 使得状态变得可追踪，配合一些 devtools 可以实现 time-travel 的调试体验。
Action：一些对 State 的异步操作可以放在 Action 中，并通过在 Action 提交 Mutaion 变更状态。
Module：当 Store 对象过于庞大时，可根据具体的业务需求分为多个 Module。

(2).vuex中actions和mutations有什么区别？

action 提交的是 mutation，而不是直接变更状态。mutation可以直接变更状态。

action 可以包含任意异步操作。mutation只能是同步操作。

提交方式不同，action 是用this.$store.dispatch('ACTION_NAME',data)来提交。mutation是用this.$store.commit('SET_NUMBER',10)来提交。

接收参数不同，mutation第一个参数是state，而action第一个参数是context。

(3).vuex使用actions时不支持多参数传递怎么办？

  在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions 
  但是在actions 只是可以接收到两个参数的问题

  调用的时候 第二个参数传递成多个元素的对象这样在actions 中第二个参数就可以搞定了 
  this.$store.dispatch('delTask', {task, index});

(4).请求数据是写在组件的methods中还是在vuex的action中？

如果项目中使用vuex的话，建议存入vuex中，

因为actions可以执行异步操作。

简单的页面放在methods里面即可。比较复杂，或者重要建议放在vuex中，容易维护，代码清晰,并且调用简单，这个在项目后期很重要。

（5).怎么监听vuex数据的变化？

//利用计算属性computed: {listData() {  return this.$store.state.listData;} },

  //监听执行 watch: { listData(val) {写上你需要的东西  }},

(6).页面刷新后vuex的state数据丢失怎么解决？

一种是state里的数据全部是通过请求来触发action或mutation来改变(基本不可行，除非项目很小或者vuex存储的数据很少)

另一种是将state里的数据保存一份到本地存储(localStorage、sessionStorage、cookie）中

而第二种可以保证刷新页面数据不丢失且易于读取。

 //在页面加载时读取sessionStorage里的状态信息

//在页面刷新时将vuex里的信息保存到sessionStorage里

(7),.你有使用过vuex的module吗？主要是在什么场景下使用？

我们使用vuex 需要实例化一个Vuex的Store构造函数。  modules 中则是我们自定义注册的module. 每个module 中都有自己独立的state, action, mutation, getter...  。通过它来区分更新/调用 对应的vuex 方法来隔离未知数据更新等数据相关问题。