Vue面试题(必会)

系列文章目录

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 Python 机器学习入门之pandas的使用

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、v-show 和 v-if 指令的共同点和不同点?（必会）

解题思路
【问题剖析】：
本题考察对vue指令原理以及应用场景的了解程度
【解答】
1）相同点：
v-show 和 v-if 都能控制元素的显示和隐藏。

2）不同点：
实现本质方法不同
v-show 本质就是通过设置 css 中的 display 设置为 none，控制隐藏
v-if 是动态的向 DOM 树内添加或者删除 DOM 元素

3）编译的区别
v-show 其实就是在控制 css
v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部
的事件监听和子组件

4）编译的条件
v-show 都会编译，初始值为 false，只是将 display 设为 none，但它也编译
了
v-if 初始值为 false，就不会编译了
5）性能比较
v-show 只编译一次，后面其实就是控制 css，而 v-if 不停的销毁和创建，
故 v-show 性能更好一点。
注意点：因为 v-show 实际是操作 display:" "或者 none，当 css 本身有 display：
none 时，v-show 无法让显示
总结（适用场景）：如果要频繁切换某节点时，使用 v-show（无论 true 或者 false
初始都会进行渲染，此后通过 css 来控制显示隐藏，因此切换开销比较小，初始
开销较大），如果不需要频繁切换某节点时，使用 v-if（因为懒加载，初始为 false
时，不会渲染，但是因为它是通过添加和删除 dom 元素来控制显示和隐藏的，因
此初始渲染开销较小，切换开销比较大）

二、Vue是否可以监听多个方法

v-on可以监听多个方法，例如：

<input type=“text” :value=“name” @input=“onInput” @focus=“onFocus” @blur=“onBlur” />
但是同一种事件类型的方法，vue-cli工程会报错，例如：

总结

提示：这里对文章进行总结：

例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。