面试题常问问题总结

面试题常问问题

1 虚拟节点的好处

浏览器解析页面会经历以下几个
1、解析标签，生成节点树（DOM树）

2、解析样式，生成样式树

3、生成元素与样式的关系

4、生成元素的显示坐标

5、显示页面

如果修改真实节点，数据每更改一次，相应的就要重新再渲染一次页面
每修改一次走一遍上面流程。

如果使用虚拟节点，首先先修改虚拟节点，在将真实节点和虚拟节点进行对比
然后会根据差异更新网页，减少了页面渲染的次数。

2. v-bind和v-model区别

相同点：两者都能绑定数据。
不同点：
v-model使用在表单元素中，实现双向绑定，在表单元素外不起作用。
v-bind主要绑定的是属性和一些动态数据。 <p v-bind:class="classed">

3. Vue的computed、method、watch区别

1.computed和method有时候都可以实现相同的功能
但是使用computed和method要看依赖的数据食否需要缓存
如果需要缓存，遍历大数组或者做大量计算时，应该使用计算属性。
2.watch监听，可以实现一些异步操作，例如加一个时间函数在watch里面
这个异步操作computed是实现不了的。