500浏览

0评论

你知道Vue3.x响应式数据原理

Vue3.x改⽤ Proxy 替代Object.defifineProperty。因为Proxy可以直接监听对象和数组的变化，并且有多达13种拦截⽅法。并且作为新标准将受到浏览器⼚商重点持续的性能优化。 Proxy...

• 空空 / vue / 2023-02-24

502浏览

0评论

vue3.0 相对于 vue2.x 有哪些变化

监测机制的改变（Object.defifineProperty —> Proxy） 模板 对象式的组件声明⽅式 （class） 使⽤ts 其它⽅⾯的...

• 空空 / vue / 2023-02-24

506浏览

0评论

vue 中组件 data 为什么是 return ⼀个对象的函数，⽽不是直接是个对象

当data定义为对象后，这就表示所有的组件实例共⽤了⼀份data数据，因此，⽆论在哪个组件实例中修改了data,都会影响到所有的组件实例。组件中的data写成⼀个函数，数据以函数返回值形式定义，这样每复⽤⼀次组件，就会返回⼀份新的da...

• 空空 / vue / 2023-02-23

448浏览

0评论

vue-router hash 模式和 history 模式是如何实现的

hash 模式： # 后⾯ hash 值的变化，不会导致浏览器向服务器发出请求，浏览器不发出请求，就不会刷新⻚⾯。同时通过监听 hashchange 事件可以知道 hash 发⽣了哪些变化，然后根据 hash 变化来实现更...

• 空空 / vue / 2023-02-23

442浏览

0评论

vue-router hash 模式和 history 模式有什么区别？

区别： 1. url 展示上，hash 模式有“#”，history 模式没有 2. 刷新⻚⾯时，hash 模式可以正常加载到 hash 值对应的⻚⾯，⽽ history 没有处理的话，会返回404...

• 空空 / vue / 2023-02-23

464浏览

0评论

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

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

• 空空 / vue / 2023-02-23

496浏览

0评论

v-for 中 key 的作⽤是什么

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

• 空空 / vue / 2023-02-23

516浏览

0评论

Vue 的模板编译原理

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

• 空空 / vue / 2023-02-22

497浏览

0评论

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

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

• 空空 / vue / 2023-02-22

458浏览

0评论

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

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

• 空空 / vue / 2023-02-22