前端vue面试题目汇总如下:
- 对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所指代的元素。
- MVVM全称是Model-View-ViewModel,其中:
- 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属性。
v-if和v-show的区别:v-if根据表达式的真假来决定是否渲染元素,如果为假,则这个元素不会被渲染到dom中,v-show则是简单地切换元素的display属性。v-if适用于需要频繁切换的场景,v-show适用于只需要显示或隐藏的场景。
- Vue核心思想:数据驱动、组件化。
- Vue生命周期。
- 组件中
data为什么是一个函数。 - Vue组件间通信有哪几种方式。
computed和watch的区别和运用的场景。- 虚拟DOM。
以上只是部分Vue面试题目,你可以根据自身情况进行复习。