Vue中常用的指令集合
程序员文章站
2022-06-28 13:38:20
指令里 == 的意思是 可以简写为指令指令格式用途v-textv-text=“属性名”可以渲染普通文本但不能解析 HTML 代码v-textv-html=“属性名”可以渲染普通文本和 HTML 代码v-on == @v-on:事件名=“表达式”绑定事件v-showv-show=“表达式”根据表达式的真假值,切换元素显示与隐藏,也就是display属性值v-ifv-if=“表达式”根据表达式的真假值,切换元素的创建和删除v-forv-...
指令里 == 的意思是 可以简写为
指令 | 指令格式 | 用途 |
---|---|---|
v-text | v-text=“属性名” | 可以渲染普通文本但不能解析 HTML 代码 |
v-html | v-html=“属性名” | 可以渲染普通文本和 HTML 代码 |
v-on == @ | v-on:事件名=“表达式” | 绑定事件 |
v-show | v-show=“表达式” | 根据表达式的真假值,切换元素显示与隐藏,也就是display属性值 |
v-if | v-if=“表达式” | 根据表达式的真假值,切换元素的创建和删除 |
v-for | v-for="item,[index] in 被循环的 " :key=“唯一值” | 循环/遍历 |
v-bind == : | v-bind:名字 | 可以使doom中的一些标签属性使用Vue中的属性 |
v-model | v-model=“属性名” | 在表单控件或者组件上创建双向绑定 |
v-once | v-once | 只渲染元素和组件一次 |
ref | ref=“名字” | 获取doom标签 |
is | is=“名字” | 用于动态改变组件 |
本文地址:https://blog.csdn.net/Luceyyy/article/details/110244829
上一篇: Ubuntu配置