前端
一点也不简单

Vue.js常问面试题

1.什么是深入响应式原理?

深入响应式原理是利用了数据劫持和订阅发布的模式, 当数据模型发生改变的时候, 视图就会响应的进行更新, 那么深入响应式原理是利用es5的Object.defineProperty中的getter/setter来进行数据的劫持的

名称解释:
– 数据劫持: Object.defineProperty中的getter/setter , 然后在执行watcher
– 订阅发布:事件(自定义事件)
– 订阅: 事件的声明 vm.$on
– 发布: 事件的触发 vm.$emit

2.非响应式情况

在vm模型的data外定义的属性, 就是非响应式属性, 非响应式属性, 属性值更新, 视图不会更新

3.非响应式属性如何变成响应式属性

思维: 将非响应式属性合并到响应式属性身上

解决: 利用了Vue提供的 Vue.set/this.$set(vm.dataattr,prop,value)

4.Vue.set底层原生是什么?

Object.assign(目标对象,对象1, 对象2,对象3)

5.双向数据绑定的原理

  1. 为什么数据能直接在视图显示
    v-model默认绑定了DOM对象的value属性, 当它初次绑定的时候,
    就会触发getter,watcher就会触发, watcher通知Vue生成新的VDOM树,
    再通过render函数进行渲染,生成真实DOM
  2. 为什么视图修改数据就会修改
    当视图修改是, 意味着DOM的value属性值改变,就会触发setter,watcher监听机制就会执行
    watcher通知Vue生成新的VDOM树,再通过render函数进行渲染,生成真实DOM

6.watch的作用

用来监听数据的变换, 当数据模型 (data选项 M)发生改变时, watch就会触发

赞(1) 打赏
未经允许不得转载:专注前端开发和vps技术交流的博客-纸飞机 » Vue.js常问面试题

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

微信扫一扫打赏