Vue.js面试题目

Vue 的优点

官方认定的卖点:易用 灵活 高效
外加:使用数据双向绑定 生态好vue

methods 计算属性 watch的区别

methods和计算属性的区别,照抄官方教程segmentfault

咱们能够将同一函数定义为一个 method 而不是一个计算属性。对于最终的结果,两种方式确实是相同的。然而,不一样的是 计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会从新求值。这就意味着只要 message 尚未发生改变,屡次访问 reversedMessage 计算属性会当即返回以前的计算结果,而没必要再次执行函数。
相比而言,只要发生从新渲染,method 调用总会执行该函数。

总之,从新计算开销很大的话请选计算属性,不但愿有缓存的请选methods数组

clipboard.png

至于计算属性和watch我以为官方例子好像不会太经常使用...至少这种状况我确定是会用watch了...
这么说来计算属性和watch区别就是watch有新旧值这两个参数,计算属性没有,可是计算属性能够从setter得到新值缓存

clipboard.png

计算属性的实现

答案在这
https://segmentfault.com/a/11...函数

数组和对象的什么操做不会在vue反映

因为 JavaScript 的限制, Vue 不能检测如下变更的数组:
1 当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue
2 当你修改数组的长度时,例如: vm.items.length = newLength

缘由参考这里:https://segmentfault.com/q/10...spa

相关文章
相关标签/搜索