全部学科
Python全栈
python
NodeJS全栈
nodejs
📝 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
想在手机上练习这套专题?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码
← 上一个专题 自定义指令与渲染函数专题
下一个专题 → 过度动画与状态复用专题
扫码体验小程序
加载中
想在手机上刷题学习?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码