【Vue面试宝典】带你拿offer

CSDN话题挑战赛第2期
参赛话题：面试宝典

💬大家好，我是夏日等风，一位csdn热衷技术的博主，希望大家多多支持。
✅我的人生我自己书写，余生很长，请多光照，我的人生，敬请期待。
🔥系列专栏：面试宝典
👍第一篇ing

vue中methods、watch、computed之间的差别对比以及适用场景

computer

当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。
watch

watch和computed很相似，watch用于观察和监听页面上的vue实例，当然在大部分情况下我们都会使用computed，但如果要在数据变化的同时进行异步操作或者是比较大的开销，那么watch为最佳选择。watch为一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。直接引用文档例子
methods

方法，跟前面的都不一样，我们通常在这里面写入方法，只要调用就会重新执行一次，相应的有一些触发条件，在某些时候methods和computed看不出来具体的差别，但是一旦在运算量比较复杂的页面中，就会体现出不一样。

需要注意的是，computed是具有缓存的，这就意味着只要计算属性的依赖没有进行相应的数据更新，那么computed会直接从缓存中获取值，多次访问都会返回之前的计算结果。

计算是通过变量计算来得出数据。而观察是观察一个特定的值，根据被观察者的变动进行相应的变化，在特定的场景下不能相互混用，所以还是需要注意api运用的合理性和语义性。

VNode是什么

在vue.js中存在一个VNode类，使用它可以实例化不同类型的vnode实例，而不同类型的vnode实例各自表示不同类型的DOM元素。
例如，DOM元素有元素节点，文本节点，注释节点等，vnode实例也会对应着有元素节点和文本节点和注释节点。

说说你对MVVM的理解

MVVM全称是Model-View-ViewModel
Model 代表数据模型，数据和业务逻辑都在Model层中定义；泛指后端进行的各种业务逻辑处理和数据操控，对于前端来说就是后端提供的 api 接口。
View 代表UI视图，负责数据的展示；视图层，也就是用户界面。前端主要由 HTML 和 CSS 来构建 。
ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作；
Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body，也可以是某个id所指代的元素。

结束语

不断的翻越一座又一座的高山，那样的人生才是我想要的。这一马平川，一眼见底的生活，我不想要,我的人生，我自己书写，余生很长，请多关照，我的人生，敬情期待💖💖💖