vue面试题；Vue中的computed和watch有什么区别？请举例说明
197 浏览量
2023-06-07
22:21:22
上传
评论
收藏 14KB DOCX 举报
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 的指令是一种特殊的属性，用于向元素添加特定的行为或功能。常用的指令包括
资源评论
