Vue面试题

Vue面试题

以下是一些常见的Vue面试题：

1. Vue的生命周期钩子函数有哪些？

   答案：

   • beforeCreate
   • created
   • beforeMount
   • mounted
   • beforeUpdate
   • updated
   • beforeDestroy
   • destroyed

2. Vue组件间的通信方式有哪些？

   答案：

   • 父子组件通信：通过props和$emit进行父子组件之间的数据传递和事件触发。
   • 兄弟组件通信：通过一个共同的父组件作为中介，通过props和$emit在兄弟组件之间进行数据传递和事件触发。
   • 跨级组件通信：通过provide和inject在父级组件提供数据，子孙级组件通过inject注入数据实现跨级通信。
   • 事件总线：创建一个空的Vue实例，用它作为中央事件总线来触发和监听事件。
   • Vuex：Vue的官方状态管理库，用于管理大型应用程序的状态。

3. Vue中的路由是怎么实现的？

   答案：
   Vue中的路由通过Vue Router库来实现。Vue Router提供了路由的配置方式和相应的API，可以实现单页应用中的路由功能。通过定义路由规则和对应的组件，Vue Router可以根据URL的变化动态地加载相应的组件，实现页面的切换和导航。

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

   答案：

   • computed是计算属性，依赖其他属性的值并根据其计算新的值，具有缓存机制，只有依赖的值发生变化时才会重新计算。
   • watch监听数据的变化，当数据发生变化时执行相应的回调函数，适合对数据的异步操作和复杂逻辑的处理。

5. Vue中的v-if和v-show有什么区别？

   答案：

   • v-if是条件渲染指令，根据表达式的真假来决定是否渲染元素，如果条件为假，元素将被完全删除或重新创建。
   • v-show是条件渲染指令，根据表达式的真假来决定是否显示元素，如果条件为假，元素将被隐藏，但并未从DOM中移除。