前端工程师面试题-vue

1、vue生命周期

创建--挂载--更新--销毁 8个

2、双向数据绑定

v-model 是 Vue 中实现双向绑定的主要指令

  • observe监听所有属性,vue2.0,defineProperty;vue3.0,Proxy,将data数据代理到viewmodel;
  • 当数据发生变化时,通知所有依赖,进行视图更新
  1. 数据劫持 :Vue 使用 Object.defineProperty (Vue 2.x) 或 Proxy (Vue 3.x) 来劫持数据对象的属性,监听属性的读取和设置操作。

  2. 发布-订阅模式:当数据变化时,通知所有依赖该数据的组件进行更新。

  3. 虚拟 DOM:通过高效的虚拟 DOM 差异比较,最小化实际 DOM 操作。

3、composition API

4、composition API基础语法

掌握 ref、reactive、computed、watch 的基本用法

5、vue的响应式陷阱

相关推荐
逆向新手3 分钟前
js逆向-某省特种设备aes加密研究
javascript·爬虫·python·逆向·js
光影少年4 分钟前
react navite相比较传统开发有啥优势?
前端·react.js·前端框架
岁月宁静5 分钟前
软件开发工程师如何借助 AI 工具进行软件自测
前端·ai编程·测试
我爱学习_zwj8 分钟前
动态HTTP服务器实战:解析请求与Mock数据
开发语言·前端·javascript
NMBG229 分钟前
外卖综合项目
java·前端·spring boot
小白阿龙10 分钟前
样式不生效/被覆盖(CSS优先级陷阱)
前端·css
flashlight_hi12 分钟前
LeetCode 分类刷题:110. 平衡二叉树
javascript·算法·leetcode
Beginner x_u13 分钟前
Vue 事件机制全面解析:原生事件、自定义事件与 DOM 冒泡完全讲透
前端·javascript·vue.js·dom
Emma_Maria13 分钟前
关于vant-ui-vue 的datepicker 时间选择错乱问题的处理
前端·vue.js·ui
Dabei19 分钟前
Android 语音助手简单实现与语音助手“执行任务”交流
android·前端