前端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面试题目,你可以根据自身情况进行复习。