全部学科

JAVA后端

maven spring Mytatis SpringMVC SpringBoot java

Web前端

TypeScript vue CSS HTML javascript npm pinia vite

通用技术

redis git docker nginx mysql zookeeper rabbitmq

GO后端

golang gorm gin

Python全栈

NodeJS全栈

计算属性与侦听器专题测试

7 题 40 分钟难度：★

考察知识点

computed 与 methods 的区别
计算属性的缓存机制
watch 的深度监听与即时执行
computed 的 getter 与 setter

💡 参考答案在文末

判断题

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

想在手机上练习这套试卷？

使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码