说出至少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
-