首页/ 学科题库/ vue/ 计算属性与侦听器专题
vue 专题精讲

计算属性与侦听器专题

1 篇文章 7 道配套习题

计算属性与侦听器专题

专题说明

本专题涵盖Vue.js的计算属性和侦听器机制,包括computed、watch、watchEffect的使用方法和应用场景。

学习目标

  1. 理解计算属性的缓存机制和使用场景
  2. 掌握侦听器的使用方法和侦听机制
  3. 了解watchEffect的自动侦听特性

学习内容

  • computed计算属性
  • watch侦听器
  • watchEffect自动侦听
  • 计算属性与侦听器的区别

学习建议

建议先阅读配套完整指南,理解计算属性和侦听器的机制后再开始答题。

配套习题(7 题)

参考答案在文末
判断题
1
判断题

计算属性与方法的主要区别是计算属性具有缓存特性,只有依赖数据变化时才会重新计算。

A

对

B

错

2
判断题

设置immediate: true选项后,侦听器会在创建时立即调用一次。

A

对

B

错

单选题
3
单选题

Vue中计算属性的定义使用哪个选项?

A

methods

B

computed

C

watch

D

data

4
单选题

如何为计算属性设置setter?

A

直接在computed中定义函数

B

使用对象形式,定义get和set方法

C

使用watch选项

D

计算属性不支持setter

5
单选题

Vue中用于侦听数据变化的选项是什么?

A

computed

B

methods

C

watch

D

observe

6
单选题

如何实现对对象内部属性的深度侦听?

A

watch: { obj: handler }

B

watch: { obj: { handler, deep: true } }

C

watch: { obj: { deep: true } }

D

无法实现深度侦听

多选题
7
多选题

以下哪些场景更适合使用计算属性而不是侦听器?

A

根据多个数据源计算出一个新值

B

需要在数据变化时执行异步操作

C

模板中需要频繁使用的派生数据

D

数据变化时需要操作DOM

参考答案
1.正确 2.正确 3.B 4.B 5.C 6.B 7.A;C
想在手机上刷这套专题的真题?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别二维码,即可解锁本专题全部配套练习与错题本。
了解产品 App
← 上一个专题 自定义指令与渲染函数专题 下一个专题 → 过度动画与状态复用专题