vue面试题总结(二)

“ 关注 前端开发社区 ，回复"1"即可加入 前端技术交流群，回复 "2"即可免费领取 500G前端干货！

16.vue路由传参数

• 1.使用query方法传入的参数使用this.$route.query接受
• 2.使用params方式传入的参数使用this.$route.params接受

17.vuex 是什么？ 有哪几种属性？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 有 5 种，分别是 state、getter、mutation、action、module

• vuex 的 store 是什么？ vuex 就是一个仓库，仓库里放了很多对象。其中 state 就是数据源存放地，对应于一般 vue 对象里面的 datastate 里面存放的数据是响应式的，vue 组件从 store 读取数据，若是 store 中的数据发生改变，依赖这相数据的组件也会发生更新它通过 mapState 把全局的 state 和 getters 映射到当前组件的 computed 计算属性
• vuex 的 getter 是什么？ getter 可以对 state 进行计算操作，它就是 store 的计算属性虽然在组件内也可以做计算属性，但是 getters 可以在多给件之间复用如果一个状态只在一个组件内使用，是可以不用 getters
• vuex 的 mutation 是什么？ 更改Vuex的store中的状态的唯一方法是提交mutation
• vuex 的 action 是什么？ action 类似于 muation, 不同在于：action 提交的是 mutation,而不是直接变更状态action 可以包含任意异步操作 vue 中 ajax 请求代码应该写在组件的 methods 中还是 vuex 的 action 中
• vuex 的 module 是什么？ 面对复杂的应用程序，当管理的状态比较多时；我们需要将vuex的store对象分割成模块(modules)。 如果请求来的数据不是要被其他组件公用，仅仅在请求的组件内使用，就不需要放入 vuex 的 state 里如果被其他地方复用，请将请求放入 action 里，方便复用，并包装成 promise 返回

18.v-show和v-if指令的共同点和不同点？

• v-show指令是通过修改元素的displayCSS属性让其显示或者隐藏
• v-if指令是直接销毁和重建DOM达到让元素显示和隐藏的效果

19.如何让CSS只在当前组件中起作用？

• 将当前组件的