web 前端 vue 面试题（四）

1. 常见的跨域方式有哪些？

1. 服务器代理(http-proxy-middleware)

2. nginx

3. CORS

2. vue 中使用插件的流程

1. import Vue from “vue”;
2. import 插件 from"插件"
3. Vue.use(插件)

3. 请列举出 3 个 Vue 中常用的生命周期钩子函数

created:实例已经创建完成之后调用,在这一步,实例已经完成数据观测,属性和方法的运算,watch/event 事件回调.然而,挂载阶段还没有开始,$el 属性目前还不可见

mounted:el 被新创建的 vm.$ el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。

activated:keep-alive 组件激活时调用

4. 第一次页面加载会触发哪几个钩子

第一次页面加载时会触发

• beforeCreate
• created
• beforeMount
• mounted

5. 简单描述每个周期具体适合哪些场景

• beforecreate:可以在这加个 loading 事件，在加载实例时触发

• created:初始化完成时的事件写在这里，如在这结束 loading 事件，异步请求也适宜 在这里调用

• mounted:挂载元素，获取到 DOM 节点

• updated:如果对数据统一处理，在这里写上相应函数

• beforeDestroy:可以做一个确认停止事件的确认框

• nextTick:更新数据后立即操作 dom

6. Vue 里面 router-link 在电脑上有用，在安卓上没反应怎么解决？

Vue 路由在 Android 机上有问题，babel 问题，安装 babelpolypill 插件解决。

7. vuex 中常用的属性有哪些？

有五种，分别是 State、Getter、Mutation、Action、Module

vuex 的 State 特性

1. Vuex 就是一个仓库，仓库里面放了很多对象。其中 state 就是数据源存放地，对应于一般 Vue 对象里面的 data

2. state 里面存放的数据是响应式的，Vue 组件从 store 中读取数据，若是 store中的数据发生改变，依赖这个数据的组件也会发生更新

3. 它通过 mapState、mapGetters 把全局的 state 和 getters 映射到当前组件的 computed 计算属性中

vuex 的 Getter 特性

1. getters 可以对 State 进行计算操作，它就是 Store 的计算属性

2. 虽然在组件内也可以做计算属性，但是 getters 可以在多组件之间复用

3. 如果一个状态只在一个组件内使用，是可以不用 getters

vuex 的 Mutation 特性

Action 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态；Action 可以包含任意异步操作。

38、是否封装过组件，请说下封装组件的过程？

首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题。

然后，使用 Vue.extend 方法创建一个组件，使用 Vue.component 方法注册组件

9. 如果在 vueX 中保存了某些数据，刷新浏览器后数据消失了。应该如何解决？

保存在 localStorage 中或者 sessionStorage 中

10. 那个 swiper 插件从后台获取数据没问题，css 代码啥的也没问题，但是图片不动，应该怎么解决？

1. watch&&nextTick

2. updated

---

---

• web 前端 vue 面试题（一）
• web 前端 vue 面试题（二）
• web 前端 vue 面试题（三）
• web 前端 vue 面试题（四）
• web 前端 vue 面试题（五）