您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

Vue面试问题

  1. vue响应式原理
    参考: https://www.cnblogs.com/fundebug/p/responsive-vue.html
    Object.defineProperty实现
    Vue通过设定对象属性setter/getter方法来监听数据的变化,通过getter进行依赖收集,
    而每个setter方法就是一个观察者,在数据变更的时候通知订阅者更新视图.

  2. vue的生命周期
    beforeCreate,created
    beforeMount,mounted
    beforeUpdate,updated
    activated,deactivated
    beforeDestory,destoryed
    activated: 当页面重新显示的时候执行. 搭配keep-alive,localStorage和临时变量做页面性能优化.
    deactivated: 当页面即将被隐藏或替换其他页面时执行. 可以用来解绑在activated上绑定的全局事件.
    mounted: 是挂载vue实例后的钩子函数,钩子在主页挂载时执行一次. 如果没有缓存的话,再次回到主页时,此函数还会执行.
    activated: 是组件被激活后的钩子函数,每次回到页面都会执行.

  3. vue $nextTick原理,事件机制
    参考: https://www.jianshu.com/p/a7550c0e164f

  4. 组件传值
    参考: https://juejin.cn/post/6844903845642911752
    var Event = new Vue()
    Event.$ emit(事件名, 数据)
    Event.$ on(事件名, data => { })

  5. vuex
    参考: https://vuex.vuejs.org/zh/

  6. vue-router
    参考: https://router.vuejs.org/zh/

  7. computed 和 watch 的区别
    计算属性computed:
    (1) 支持缓存,只有依赖数据发生改变,才会重新进行计算.
    (2) 不支持异步,当computed内有异步操作时无效,无法监听数据的变化.
    (3) computed属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过的数据通过计算得到的.
    (4) 如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed.
    (5) 如果computed属性属性值是函数,那么默认会走get方法; 函数的返回值就是属性的属性值; 在computed中的属性都会有一个get和一个set方法,当数据变化时调用set方法.
    侦听属性watch:
    (1) 不支持缓存,数据变,直接会触发相应的操作.
    (2) watch支持异步.
    (3) 监听的函数接受两个参数,第一个参数是最新的值,第二个参数是输入之前的值.
    (4) 当一个属性发生变化时,需要执行对应的操作,一对多.

  8. v-if 和 v-show 的区别
    v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐

  9. 开发中的跨域问题
    参考: https://www.cnblogs.com/soyxiaobi/p/9616011.html

  10. promise
    参考: https://blog.csdn.net/zhaoxiang66/article/details/81017373

  11. 数组去重
    参考: https://www.cnblogs.com/zsp-1064239893/p/11196501.html

  12. 深拷贝和浅拷贝
    参考: https://www.jianshu.com/p/35d69cf24f1f

1.什么是发布订阅模式、观察者模式
参考: https://www.cnblogs.com/zhengrongbaba/p/15428176.html
2.如何理解vue2响应式原理
3.vuex的工作原理是什么
4.谈一谈nextTick的原理以及运行机制
5.聊聊keep-alive的实现原理和缓存策略
6.你阅读过axios的源码吗?axios主要有哪些特性?
7.vuex和redux比较,他们的相同点以及不同点?
8.在vue中如何通过createElement创建虚拟DOM?
9.在vue中如何通过vue、vue-router、vuex进行权限控制?
10.vue的数据驱动原理及如何实现?
11.vue的优点?


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进