作用:动态绑定标签上的属性的值。(标签上的属性值不能使用插值表达式来设置)
语法 <元素 v-bind:属性名1="值1" v-bind:属性名2="值2"></元素>
v-bindy指令也可以直接使用 : 来简写 <元素 :属性名1="值1" :属性名2="值2"></元素>

v-show与v-if

由于这两个指令的功能是作用是一样的,所以放在一起说明

作用:这两个指令都是用来控制标签的可见与不可见
语法: <标签 v-show="vue变量" /> <标签 v-if="vue变量" />
如果vue变量的值为true,就可见,否则就不可见
两者的不同点:
1.原理不同
v-show 用的隐藏 v-if  直接从DOM树上添加或移除
可以看出v-show为false时,是通过修改来让标签是否可见,而v-if都不会创建标签
v-if为true时才会创建标签

分类:
前端
标签: