欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

相关标签: vue js 前端