2021前端社招面试题总结

Flex:none那每个项目保持不变，还是占据没有使用flex的空间 0 0 auto

如果每个项目都加了flex:1,项目等分空间

如果只有1个项目加了flex:1（flex:2, flex:3…），那么其余项目占据空间不变，此项目占据剩余所有空间

[](()Flex-driction项目排列方向

[](()flex-wrap 项目换行方式

[](()Flex-flow：row nowrap

[](()Vuex

---

[](()含义和用法

mapGetters :

Cumputed计算方法里用的

mapActions:

methods方法里用的

Map

action里使用commit方法触发mutations里改变state的方法

getters获取state状态

[](()Vuex 数据更新流程：

通过 mapAction 异步提交事件到 action,action 通过 commit 提交到 mutation,然后 mutation会修改 state 中的值，getters 获取state 状态，然后页面中引入 getters 获取更新状态

[](()Mutation 必须是同步的，如果需要异步就要使用 action

action 中使用 this. s t o r e . c o m m i t 进 行 同 步 修 改 ， 使 用 t h i s . store.commit 进