Vue开发试题及解析.docxVIP

Vue开发试题及解析

一、单项选择题（共10题，每题1分，共10分）

下列关于v-if和v-show的描述，正确的是？

A.v-if的切换性能消耗比v-show更低

B.v-show会在初始渲染时就将元素挂载到DOM树中

C.v-if和v-show都支持在template标签上使用

D.v-show本质是控制元素的display属性为none或block

答案：B

解析：正确选项依据：v-show的核心逻辑是无论条件是否成立，都会先把元素渲染到DOM中，仅通过修改样式控制显隐，因此初始渲染时就会挂载元素。错误选项说明：选项A错误，v-if切换时会触发元素的销毁和重建，切换性能消耗远高于v-show；选项C错误，template标签不会生成真实DOM节点，无法操作样式，因此v-show不支持在template上使用；选项D错误，v-show会将元素的display属性设置为none，显示时会恢复元素原本的display值（如flex、inline-block等），并非固定设置为block。

下列Vue2生命周期钩子中，能够访问到组件真实DOM节点的是？

A.created

B.mounted

C.beforeMount

D.beforeUpdate

答案：B

解析：正确选项依据：mounted钩子在组件完成DOM挂载后触发，此时真实DOM已经渲染到页面中，可以通过$r