534浏览

0评论

为什么要用 Proxy API 替代 defineProperty API？

a) defineProperty 的局限性的最大原因是它只能针对单例属性做监听，Vue2.x中对 data 中的属性做了遍历 + 递归，为每个属性设置了 getter、setter。这也就是为什么 Vue 只能对 data 中预定义过...

• 空空 / vue / 2022-12-08

449浏览

0评论

$route 和 $router 的区别是什么？

a) $router 为 VueRouter 的实例，是一个全局路由对象，包含了路由跳转的方法、钩子函数等。 b) $route 是路由信息对象||跳转的路由对象，每一个路由都会有一个 route 对象，是一个局部对象，包含 pa...

• 空空 / vue / 2022-12-08

418浏览

0评论

Vue 组件中 data 为什么必须是函数？

a) 在 new Vue() ， data 是可以作为一个对象进行操作的，然而在 component 中，data 只能以函数的形式存在，不能直接将对象赋值给它。 b) 当 data 选项是一个函数的时候，每个实例可以维护一份被返...

• 空空 / vue / 2022-12-08

449浏览

0评论

Key 的作用是什么？可以用数组的 index（下标）代替么？

a) key 的作用主要是为了高效的更新虚拟 DOM。另外 vue 中在使用相同标签名元素的过渡切换时，也会使用到 key 属性，其目的也是为了让 vue 可以区分它们。否则 vue 只会替换其内部属性而不会触发过渡效果 b) k...

• 空空 / vue / 2022-12-08

500浏览

0评论

Vue1.x 的设计理念是什么？2.x 的呢？

Vue1.x 设计理念 a) 早期 Vue 是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际DOM 元素的引用，当有数据变化时进行对应的操作。 b) 少量数据更新对比 Virtual DOM 性能更好，坏处是大量数据...

• 空空 / vue / 2022-12-08

450浏览

0评论

vue 的双向绑定的原理

a) 数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。 b) 具体实现流程： i.实现一个监听器 Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者 ii.实现一个订阅者 Watche...

• 空空 / vue / 2022-12-08

459浏览

0评论

说说对 Vue 渐进式框架的理解

a) 渐进式的含义：主张最少, 没有多做职责之外的事 b) Vue 有些方面是不如 React，不如 Angular.但它是渐进的，没有强主张，你可以在原有系统的上面，把一两个组件改用它实现，当 jQuery 用； c) 也...

• 空空 / vue / 2022-12-08

410浏览

0评论

说说你对 proxy 的理解

vue 的数据劫持有两个缺点: 1、无法监听通过索引修改数组的值的变化 2、无法监听 object 也就是对象的值的变化 所以 vue2.x 中才会有$set 属性的存在 proxy 是 es6 中推出的新 ap...

• 空空 / vue / 2022-12-04

378浏览

0评论

vue 在 created 和 mounted 这两个生命周期中请求数据有什么区别呢？

看实际情况，一般在 created（或 beforeRouter） 里面就可以，如果涉及到需要页面加载完成之后的话就用 mounted。 在 created 的时候，视图中的 html 并没有渲染出来，所以此时如果直接去操作 ht...

• 空空 / vue / 2022-12-04

451浏览

0评论

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

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

• 空空 / vue / 2022-12-04