常见的指令
对于一些刚接触Vue的小伙伴来说,可能都记不清楚Vue有哪些指令
现在,我开始隆重介绍一下Vue有哪些指令。
v-on 是事件绑定,可以缩写为@,如果需要event就在函数里面传参;例如@click=“btn($event)”;
常用的修饰符也有很多:
比如
.stop用来取消冒泡事件;
. prevent阻止默认事件;
.once只执行一次;当然还有许多。
v-model 是双向绑定,一般用于文本框、单选、复选、下拉;
常用的修饰符有
.lazy - 取代 input 监听 change 事件
.number - 输入字符串转为有效的数字
.trim - 输入首尾空格过滤
v-cloak页面渲染完成后消失;如果不适用的话,每次刷新页面会出现闪的一下子
v-once只渲染一次
v-text innerText输出
v-html innerHTML输出
v-bind
作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM
v-for 和原生JS的for循环差不多
v-show 判断元素显示还是隐藏
v-if是条件判断
还有配套的v-else、v-else-if
v-if与v-show的区别
自定义指令
当Vue中的核心内置指令不能够满足我们的需求时,我们可以定制自定义的指令用来满足开发的需求。