440浏览

0评论

Vue3.0 是如何变得更快的？（底层，源码）

a. diff 方法优化 Vue2.x 中的虚拟 dom 是进行全量的对比。 Vue3.0 中新增了静态标记（PatchFlag）：在与上次虚拟结点进行对比的时候，值对比带有 patch flag 的节点，并且可以通过 fl...

• 空空 / vue / 2022-12-04

452浏览

0评论

Vue3.0 新特性 —— Composition API 与 React.js 中 Hooks 的异同点

a. React.js 中的 Hooks 基本使用 React Hooks 允许你 "勾入" 诸如组件状态和副作用处理等 React 功能中。Hooks 只能用在函数组件中，并允许我们在不需要创建类的情况下将状态、副作用处理和更多...

• 空空 / vue / 2022-12-04

475浏览

0评论

Vue3.0 编译做了哪些优化

a. 生成 Block tree Vue.js 2.x 的数据更新并触发重新渲染的粒度是组件级的，单个组件内部 需要遍历该组件的整个 vnode 树。在 2.0 里，渲染效率的快慢与组件大小成正相关：组件越大，渲染效率越慢。并且，...

• 空空 / vue / 2022-12-04

507浏览

0评论

Vue3.0 里为什么要用 Proxy API 替代 defineProperty API？

响应式优化。 a. defineProperty API 的局限性最大原因是它只能针对单例属性做监听。 Vue2.x 中的响应式实现正是基于 defineProperty 中的 descriptor，对 data 中的属性做...

• 空空 / vue / 2022-12-04

503浏览

0评论

v-model 是什么？有什么用呢？

一则语法糖，相当于 v-bind:value="xxx" 和 @input，意思是绑定了一个 value 属性的值，子组件可对 value 属性监听，通过$emit('input', xxx)的方式给父组件通讯。自己实现v-model...

• 空空 / vue / 2022-12-03

472浏览

0评论

Vue 双向绑定原理

Vue 数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。利用了Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)。...

• 空空 / vue / 2022-12-03

484浏览

0评论

watch 和计算属性有什么区别

通俗来讲，既能用 computed 实现又可以用 watch 监听来实现的功能，推荐用 computed， 重点在于 computed 的缓存功能 computed 计算属性是用来声明式的描述一个值依赖了其它的值，当所依赖的...

• 空空 / vue / 2022-12-03

479浏览

0评论

删除数组用 delete 和 Vue.delete 有什么区别？

delete：只是被删除数组成员变为 empty / undefined，其他元素键值不变 Vue.delete：直接删了数组成员，并改变了数组的键值（对象是响应式的，确保删除能触发更新视图，这个方法主要用于避开 Vue 不能检测...

• 空空 / vue / 2022-12-03

564浏览

0评论

请描述下 vue 的生命周期是什么

生命周期就是 vue 从开始创建到销毁的过程，分为四大步（创建，挂载，更新，销毁），每一步又分为两小步，如 beforeCreate，created。 beforeCreate前，也就是 new Vue 的时候会初始化事件和生命周...

• 空空 / vue / 2022-12-03

506浏览

0评论

什么是虚拟 DOM

虚拟 dom 是相对于浏览器所渲染出来的真实 dom 的，在 react，vue 等技术出现之前，我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构，来达到更新 ui 的目的。...

• 空空 / vue / 2022-12-03