2023前端vue面试题20道答案及代码示例

1. Vue中的生命周期有哪些？它们的作用是什么？

答：Vue中的生命周期分为8个阶段，分别是：

• beforeCreate：实例刚刚被创建，数据观测和事件配置还未开始。
• created：实例已经完成数据观测和事件配置，但还未挂载到DOM上。
• beforeMount：实例已经完成挂载到DOM元素上，但未开始渲染。
• mounted：实例已经完成渲染，并且已经挂载到DOM上。
• beforeUpdate：数据更新时触发，但此时DOM尚未更新。
• updated：数据更新完成时触发，DOM也已经更新。
• beforeDestroy：实例即将销毁，但此时实例还能够访问。
• destroyed：实例已经被销毁，此时实例不再可用。

2. Vue组件中的props和$emit有什么作用？

答：props是组件的属性，用来接收从父组件传递过来的数据。$emit是用来触发自定义事件，相当于子组件向父组件传递数据。

3. Vue中的v-model指令有什么作用？

答：v-model指令用来实现双向数据绑定，将表单元素的值与Vue实例中的数据进行绑定，当表单元素的值发生变化时，Vue实例中的数据也会随之改变。

4. Vue中的computed和watch有什么区别？

答&#x