Vue面试题集(二)

✅作者简介：大家好我是honker707,大家可以叫我honker，新星计划第三季python赛道Top1🏆 📃个人主页：honker707的csdn博客 🔥系列专栏：带你玩转Vue 💬推荐一款模拟面试、刷题神器👉点击跳转进入网站

在这里插入图片描述

前端面试题

• SPA是什么
• 说说你对MVVM的理解
• vue中methods、watch、computed之间的差别对比以及适用场景
• 结束语🏆🏆🏆

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运用的合理性和语义性。