vue面试题（ 建议收藏 ）

一、vue双向数据绑定的原理

vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，是通过 object.defineProperty() 来实现数据劫持的 ， 有两个相对应的get和set方法

二、生命周期有哪些，怎么执行的

1.beforeCreate

在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。

2.created

实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。

3.beforeMount

在挂载开始之前被调用

4.mounted

挂载到实例上去之后调用

5.beforeUpdate

数据更新时调用

6.updated

数据更新之后会调用

7.beforeDestroy

实例销毁之前调用

8.destroyed

实例销毁后调用

三、vuex 有几种属性，有哪些辅助函数

一、有五种属性

1、state

存放Vuex store实例的状态对象，用于定义共享的数据。

2、Action

动作，向store发出调用通知，执行异步操作

3、Mutations

修改器，它只用于修改state中定义的状态变量。

4、getter

读取器，外部程序通过它获取变量的具体值，或者在取值前做一些计算（可以认为是store 的计算属性）

5.modules

对state进行分类处理

二、有四大辅助函数

｛mapstate｝，

｛mapactions｝，

｛mapmutations｝，

｛mapgetters｝

四、布局方式有几种

百分比布局

rem布局

弹性和子布局

五、jquery的选择器有哪些

基本选择器

过滤选择器

层级选择器

表单选择器

六、数据类型有几种

基本数据类型

Object。

String

Number

boolean

null

undefined

引用数据类型

类 class

数组 array

七、路由的解析全过程

1、用户输入网址，浏览器发起DNS查询请求

2、建立TCP连接

3、浏览器向web服务器发送一个http请求

4、发送响应数据给客户端

5、浏览器解析http response

八、小程序的双向数据绑定跟vue的有什么区别

大体上区别不大，绑定事件不同，以及获取value值的具体方式不同，以及在小程序中设置data中的数据，需要调用 this.setData方法进行设置

九、本地存储的区别

cookie 可以设置超时时间 时间到了之后自动清除 有4KB大小

sessionStorage 只在当前页面有效 关闭当前页面自动清除 有5MB大小

localStorage 数据持久化 只有通过代码或者手动删除，不然一直有效 有5MB大小

十、组件传值的方式有哪些

==1.父传递子如何传递 ==

(1) 在父组件中给子组件标签上绑定一个属性， 属性上挂载需要传递的值

(2) 在子组件通过==props:[“自定义属性名”]==来接收数据

==2.子传递父如何传递 ==

(1) 在父组件中给子组件标签绑定一个自定义事件，给这个事件挂载需要调用的方法

(2) 在子组件的方法==通过this.$emit(‘自定义事件名’)==来调用这个方法

3.兄弟组件如何通信

(1) 创建一个空的vue实例eventBUS

(2) 通过==BUS.$emit(‘事件名’)==传到空的vue实例中

(3) 通过BUS.$on(‘事件名’,(参数)=>{挂载从子1传来的数据})来接收

十一、数组去重的方法有哪些

indexof（）

new set（）

forEach（）

十二、路由的钩子函数有哪些

一：全局的守卫

router.beforeEach() 进入之前触发

router.afterEach() 进入之后触发

二：组件级路由守卫

beforeRouteEnter(){ }

beforeRouteUpdate(){ }

beforeRouteLeave(){}

十三、css3动画有哪些

1.transition ： 平衡过渡

2.transform： 改变元素的大小、位置

3. translate：移动

以上均自己总结，希望对正在找工作的码友们有所帮助吧！