vue面试题目100及最佳答案.docxVIP

vue面试题目100及最佳答案

一、Vue基础知识（总分50分）

1.v-if和v-show的区别（判断题，5分）

A.v-if是惰性的，只有当条件为true时才会渲染，v-show无论条件真假都会渲染

B.v-show无论条件真假都会渲染，但通过CSSdisplay属性控制显示隐藏

C.v-if的切换开销比v-show大，v-show的初始渲染开销比v-if大

D.以上说法均正确

答案：D

2.Vue的响应式原理基于什么？（简答题，5分）

答案：Vue2.x基于Object.defineProperty的数据劫持；Vue3.x基于ES6的Proxy代理对象。

3.以下关于Vue指令的说法，错误的是（单选题，5分）

A.v-text用于更新元素的文本内容

B.v-html用于更新元素的innerHTML，可能会存在XSS风险

C.v-bind可以简写为:，用于动态绑定属性

D.v-on可以简写为@，用于监听DOM事件

答案：B（注：v-html确实会更新innerHTML，但B选项说“可能会存在XSS风险”是正确的描述，严格来说B是对的。这里修正：通常考察点在于v-text和v-html的区别，或者v-bind的简写。若必须选错，通常考察点