Vue.js面试题目

Vue 的优势

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

methods 计算属性 watch的区别

methods和计算属性的区别&＃xff0c;照抄官方教程

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

总之&＃xff0c;重新计算开销很大的话请选计算属性&＃xff0c;不希望有缓存的请选methods

至于计算属性和watch我觉得官方例子好像不会太常用...至少这种情况我肯定是会用watch了...
这么说来计算属性和watch区别就是watch有新旧值这两个参数&＃xff0c;计算属性没有&＃xff0c;但是计算属性可以从setter获得新值

计算属性的实现

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

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

由于 Javascript 的限制&＃xff0c; Vue 不能检测以下变动的数组&＃xff1a;
1 当你利用索引直接设置一个项时&＃xff0c;例如&＃xff1a; vm.items[indexOfItem] &＃61; newValue
2 当你修改数组的长度时&＃xff0c;例如&＃xff1a; vm.items.length &＃61; newLength

原因参考这里&＃xff1a;https://segmentfault.com/q/10...