vue面试题汇总

说出至少4个Vue指令及作用

 v-on 给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在methods里面

v-bind 动态绑定 作用： 及时对页面的数据进行更改, 可以简写成:分号

v-slot: 缩写为#, 组件插槽

v-for 根据数组的个数, 循环数组元素的同时还生成所在的标签

v-show 显示内容

v-if 显示与隐藏

v-else 必须和v-if连用 不能单独使用 否则报错

v-text 解析文本

v-html 解析html标签

为什么避免v-for和v-if在一起使用

Vue 处理指令时，v-for 比 v-if 具有更高的优先级, 虽然用起来也没报错好使, 但是性能不高, 如果你有5个元素被v-for循环, v-if也会分别执行5次.

v-show和v-if的区别(必问)

• v-show和v-if的区别? 分别说明其使用场景?

• 相同点： v-show 和v-if都是true的时候显示，false的时候隐藏

• 不同点1：原理不同

  • v-show:一定会渲染，只是修改display属性

  • v-if:根据条件渲染

• 不同点2：应用场景不同

  • 频繁切换用v-show,不频繁切换用v-if