Vue面试题

v-model 双向绑定的原理是什么？

在 Vue 中，v-model 指令是一个value + input 方法的语法糖，它本质上是将组件属性与用户输入的值进行双向绑定。其原理与普通的双向数据绑定原理有所不同，主要分为以下两种情况：

1. 对于原生表单控件，比如 input、textarea 等，v-model 通过监听这些控件的 input 或者 change 事件实现数据的双向绑定。当用户输入或者修改表单内容时，会触发相应的事件，Vue 通过事件监听器来捕获这些事件并将表单内容同步到数据模型中，反之，当数据模型发生改变时，v-model 指令会将新的值同步到表单控件中。

2. 对于自定义组件，v-model 需要通过 prop 和事件将自定义组件的属性和用户输入的值进行双向绑定。在组件内部，通过 $emit() 方法触发自定义事件，将用户输入的值传递给父组件，父组件则通过 v-model 指令将这个值更新到数据模型中，反之，当数据发生改变时，父组件通过 v-model 指令将新的值传递给子组件，子组件则通过 prop 来接收这个值并更新自身的属性。

总的来说，v-model 双向绑定的原理是基于事件监听和数据绑定，实现了组件属性和用户输入值之间的同步更新。

说一下对 Vue2.x 响应式原理的理解

Vue 在初始化数据时，会使用 Object.defineProperty 重新定义 data 中的所有属性，当页面使用对应属性时，首先会进行依赖收集(收集当前组件的 watcher)，如果属性发生变化会通知相关依赖进行更新操作。

Vue 中如何进行组件的使用？Vue 如何实现全局组件的注册？

要使用组件，首先需要使用 import 来引入组件，然后在 components 属性中注册组件，之后就可以在模板中使用组件了。

可以使用 Vue.component 方法来实现全局组件的注册。