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中的核心内置指令不能够满足我们的需求时，我们可以定制自定义的指令用来满足开发的需求。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。