476浏览

0评论

为什么 v-for 和 v-if 不建议⽤在⼀起

v-for 和 v-if 处于同⼀个节点时， v-for 的优先级⽐ v-if 更⾼，这意味着 v-if 将分别重复运⾏于每个 v-for 循环中。如果要遍历的数组很⼤，⽽真正要展示的数据很少时，这将造成很⼤的性能浪费。...

• 空空 / vue / 2023-02-23

511浏览

0评论

v-for 中 key 的作⽤是什么

key 是给每个 vnode 指定的唯⼀ id ，在同级的 vnode diffff 过程中，可以根据 key 快速的对⽐，来判断是否为相同节点，并且利⽤ key 的唯⼀性可以⽣成 map 来更快的获取相应的节点。 另外指...

• 空空 / vue / 2023-02-23

531浏览

0评论

Vue 的模板编译原理

vue模板的编译过程分为3个阶段： 第⼀步：解析 将模板字符串解析⽣成 AST，⽣成的AST 元素节点总共有 3 种类型，1 为普通元素， 2 为表达式，3为纯⽂本。第⼆步：优化语法树...

• 空空 / vue / 2023-02-22

511浏览

0评论

nextTick是做什么⽤的，其原理是什么

能回答清楚这道问题的前提，是清楚 EventLoop 过程。 在下次 DOM 更新循环结束后执⾏延迟回调，在修改数据之后⽴即使⽤ nextTick 来获取更新后的DOM。nextTick 对于 mic...

• 空空 / vue / 2023-02-22

473浏览

0评论

Vue2.0中如何检测数组变化

Vue 的 Observer 对数组做了单独的处理，对数组的⽅法进⾏编译，并赋值给数组属性的 __proto__属性上，因为原型链的机制，找到对应的⽅法就不会继续往上找了。编译⽅法中会对⼀些会增加索引的⽅法（ push ， unshi...

• 空空 / vue / 2023-02-22

579浏览

0评论

Object.defineProperty有哪些缺点？

1. Object.defineProperty 只能劫持对象的属性，⽽ Proxy 是直接代理对象由于 Object.defineProperty 只能对属性进⾏劫持，需要遍历对象的每个属性。⽽ Proxy 可以直接代理对象。...

• 空空 / vue / 2023-02-22

481浏览

0评论

Vue 的响应式原理

如果⾯试被问到这个问题，⼜描述不清楚，可以直接画出 Vue 官⽅⽂档的这个图，对着图来解释效果会更好。...

• 空空 / vue / 2023-02-22

476浏览

0评论

Vue 中 v-html 会导致什么问题

在⽹站上动态渲染任意 HTML，很容易导致 XSS 攻击。所以只能在可信内容上使⽤ v-html，且永远不能⽤于⽤户提交的内容上。...

• 空空 / vue / 2023-02-21

493浏览

0评论

Vue 中的 computed 是如何实现的

流程总结如下： 1. 当组件初始化的时候， computed 和 data 会分别建⽴各⾃的响应系统， Observer 遍历 data中每个属性设置 get/set 数据拦截 2. 初始化 computed...

• 空空 / vue / 2023-02-21

544浏览

0评论

computed 和 watch 有什么区别？

computed 计算属性，是依赖其他属性的计算值，并且有缓存，只有当依赖的值变化时才会更新。 watch 是在监听的属性发⽣变化时，在回调中执⾏⼀些逻辑。 所以， computed 适合在模板渲染中，某个值是...

• 空空 / vue / 2023-02-21