美文网首页
v-bind和v-model

v-bind和v-model

作者: bugLife丶 | 来源:发表于2019-07-25 16:11 被阅读0次

<div v-bind:id="dynamicId"></div>

布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会被移除:

<button v-bind:disabled="someDynamicCondition">Button</button>

这种为动态绑定指令,设置按钮是否可用。

1:v-bind动态绑定指令,默认情况下标签自带属性的值是固定的,在为了能够动态的给这些属性添加值,可以使用v-bind:你要动态变化的值="表达式"

2:v-bind用于绑定属性和数据 ,其缩写为“ : ” 也就是v-bind:id  === :id  

v-model

在表单控件或者组件上创建双向绑定

<input v-model="input" />

<p>{{input}}</>p

input 就是根据input值得变化而变化

相关文章

网友评论

      本文标题:v-bind和v-model

      本文链接:https://www.haomeiwen.com/subject/daihrctx.html