Vue 基础面试题, 在 Vue 组件中写 name 选项有什么作用?
Vue 基础面试题, 在 Vue 组件中写 name 选项有什么作用?
QA
Step 1
Q:: 在 Vue 组件中写 name 选项有什么作用？
A:: 在 Vue 组件中使用 name 选项有几个主要作用：1. 用于调试：在开发者工具中可以更容易地识别组件，特别是在使用 Vue DevTools 时。2. 用于递归组件：当一个组件需要递归调用自己时，必须使用 name 选项指定组件的名称。3. 在 Vue Router 中使用：name 属性可以帮助在使用 Vue Router 时定义命名视图或路由组件。
Step 2
Q:: 如何在 Vue 中实现父子组件的通信？
A:: 在 Vue 中，父子组件的通信通常通过 props 和事件来实现。父组件通过 props 向子组件传递数据，子组件则通过 $emit 事件向父组件发送消息。这种模式确保了数据流的单向性，有助于维护应用的状态和行为的一致性。
Step 3
Q:: Vue 组件生命周期的每个钩子函数是如何触发的？
A:: Vue 组件的生命周期包含多个钩子函数，如 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。这些钩子函数按照组件的创建、渲染、更新和销毁的顺序触发，在实际开发中可以用来进行数据获取、DOM 操作、资源清理等操作。
Step 4
Q:: v-model 是如何工作的？
A:: v-model 是 Vue 中用于实现双向数据绑定的一个指令。它通过绑定 input、select、textarea 等表单元素的 value 属性，并监听 input、change 等事件，实现数据的同步更新。v-model 实际上是语法糖，它封装了 :value 和 @input 事件。
Step 5
Q:: Vue 中的计算属性和侦听器有什么区别？
A:: 计算属性（computed）和侦听器（watch）在 Vue 中都用于响应数据的变化，但它们的应用场景不同。计算属性主要用于依赖其他数据计算出新值，且具有缓存特性，仅在依赖的数据发生变化时重新计算。侦听器则用于观察数据的变化并执行副作用操作，比如异步请求或复杂的逻辑处理。