![](https://csdnimg.cn/release/download_crawler_static/87879098/bg1.jpg)
VUE 面试题
1. Vue 的双向数据绑定原理是通过 v-model 指令实现的。v-model 指令会给表单元素绑定一
个 value 属性和一个 input 事件监听器,当表单元素的值发生变化时,会触发 input 事件,将
新的值赋给绑定的数据,从而实现双向数据绑定。
2. computed 和 watch 都是 Vue 中用于监听数据变化的方式,但它们的区别在于 computed
是一个计算属性,会缓存计算结果,只有在相关依赖发生变化时才会重新计算;而 watch 则
是一个监听器,每当监听的数据发生变化时都会触发回调函数。
例如,假设有一个计算属性 fullName,它由 firstName 和 lastName 两个数据属性组成。
computed 的实现方式如下:
```
computed: {
fullName() {
return this.firstName + ' ' + this.lastName
}
}
```
watch 的实现方式如下:
```
watch: {
firstName(newValue, oldValue) {
this.fullName = newValue + ' ' + this.lastName
},
lastName(newValue, oldValue) {
this.fullName = this.firstName + ' ' + newValue
}
}
```
3. Vue 的 生 命 周 期 函 数 包 括 : beforeCreate 、 created 、 beforeMount 、 mounted 、
beforeUpdate、updated、beforeDestroy 和 destroyed。这些生命周期函数会在组件的不同阶
段被调用,其执行顺序如下:
beforeCreate -> created -> beforeMount -> mounted -> beforeUpdate -> updated ->
beforeDestroy -> destroyed
4. Vue 的指令是一种特殊的属性,用于向元素添加特定的行为或功能。常用的指令包括