vue面试题目汇总

前端vue面试题目汇总如下：

1. 对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所指代的元素。
2. Vue常见指令：
   • v-text：主要用来更新textContent，可以等同于JS的text属性。
   • v-html：等同于JS的innerHTML属性。
   • v-cloak：用来保持在元素上直到关联实例结束时进行编译，解决闪烁问题。
   • v-once：关联的实例，只会渲染一次。之后的重新渲染，实例极其所有的子节点将被视为静态内容跳过，这可以用于优化更新性能。
   • v-if：可以实现条件渲染，Vue会根据表达式的值的真假条件来渲染元素。
   • v-else：是搭配v-if使用的，它必须紧跟在v-if或者v-else-if后面，否则不起作用。
   • v-else-if：充当v-if的else-if块,可以链式的使用多次。可以更加方便的实现switch语句。
   • v-show：也是用于根据条件展示元素。和v-if不同的是，如果v-if的值是false，则这个元素被销毁，不在dom中。但是v-show的元素会始终被渲染并保存在dom中，它只是简单的切换css的dispaly属性。
3. v-if和v-show的区别：
   • v-if根据表达式的真假来决定是否渲染元素，如果为假，则这个元素不会被渲染到dom中，v-show则是简单地切换元素的display属性。
   • v-if适用于需要频繁切换的场景，v-show适用于只需要显示或隐藏的场景。
4. Vue核心思想：数据驱动、组件化。
5. Vue生命周期。
6. 组件中data为什么是一个函数。
7. Vue组件间通信有哪几种方式。
8. computed和watch的区别和运用的场景。
9. 虚拟DOM。

以上只是部分Vue面试题目，你可以根据自身情况进行复习。