千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

P18 vue高频面试题

经过阅读这些高频面试题目，我对Vue有了更深刻的理解。以下是我听课的感悟:

一、nextTick

1、$nextTick是在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后tDOM，意思是等你dom加载完毕以后再去调用nextTick()里面的数据内容

2、在Vue中，当你修改了某些数据后，Vue并不会立即重新渲染视图，而是将这个渲染任务放入到一个队列中。然后，在下一次事件循环迭代中，Vue会检查队列中的任务并执行它们，从而更新视图。这个过程就是由nextTick来完成的

3、在项目中

• 异步操作：当你有一个异步操作（例如从服务器获取数据）并且在操作完成之前需要更新视图时，你可以使用nextTick。这样可以在数据准备好之后，立即更新视图，避免了不必要的渲染。
• 避免闪烁：在某些情况下，如果你直接在模板中绑定一个计算属性或者方法，而在这个计算属性或者方法中又涉及到其他的异步操作，那么可能会出现数据没有更新完就渲染的情况，从而导致视图闪烁。使用nextTick可以确保在异步操作完成后再进行渲染，避免了这种情况。
• 协调异步操作：在Vue中，有时候你需要协调多个异步操作，例如在多个Promise都完成后再进行下一步操作。在这种情况下，你可以使用nextTick来确保所有的异步操作都已经完成，然后再进行下一步的操作。

二、computed和watch和methods有什么作用?

1. Computed是Vue.js中的一个特性，它允许你定义一个计算属性，这个属性的值依赖于其他数据的变化。当依赖的数据变化时，计算属性会自动更新。
2. Watch是Vue.js中的一个特性，它允许你监听一个数据变化，并在它发生变化时执行一些操作。你可以使用watch选项来设置一个监听器。当被监听的数据发生变化时，你指定的回调函数将被执行。
3. Methods是Vue.js中的一个特性，它允许你定义一个函数，并在你的模板中调用它。你可以在Vue实例中定义方法，这些方法可以访问实例的数据和方法。