????系列专栏：面试宝典 ????欢迎关注????点赞????收藏⭐留言???? ????个人主页：hacker_demo的51CTO博客 ????个人格言：不断的翻越一座又一座的高山，那样的人生才是我想要的。这一马平川，一眼见底的活，我不想要,我的人生，我自己书写，余生很长，请多关照，我的人生，敬请期待????????????
(前端面试题)
SPA是什么
==什么是Spa== 单页面应用 single page applicable 页面只加载一次其他内容通过改变页面内容实现， 使用路由器实现 根据用户操作 改变用户界面而不需要刷新页面的功能 控制整个应用视图状态的控制器
说说你对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所指代的元素。
vue中methods、watch、computed之间的差别对比以及适用场景
==computer== 当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。 ==watch== watch和computed很相似，watch用于观察和监听页面上的vue实例，当然在大部分情况下我们都会使用computed，但如果要在数据变化的同时进行异步操作或者是比较大的开销，那么watch为最佳选择。watch为一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。直接引用文档例子 methods 方法，跟前面的都不一样，我们通常在这里面写入方法，只要调用就会重新执行一次，相应的有一些触发条件，在某些时候methods和computed看不出来具体的差别，但是一旦在运算量比较复杂的页面中，就会体现出不一样。 需要注意的是，computed是具有缓存的，这就意味着只要计算属性的依赖没有进行相应的数据更新，那么==computed==会直接从缓存中获取值，多次访问都会返回之前的计算结果。 计算是通过变量计算来得出数据。而观察是观察一个特定的值，根据被观察者的变动进行相应的变化，在特定的场景下不能相互混用，所以还是需要注意api运用的合理性和语义性。