1.21

v-bind
动态地绑定一个或多个属性,或一个组件 prop 到表达式。

v-bind缩写为‘ : ’
在绑定 prop 时,prop 必须在子组件中声明。
可以用修饰符指定不同的绑定类型。
<image v-bind:src="imgUrl"></image>
<!-- 缩写 -->
<image :src="imgUrl"></image>

<!-- prop 绑定。“prop”必须在 my-component 中声明。-->
<my-component :prop="someThing"></my-component>

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

如果 isButtonDisabled 的值是 null 、undefined 或 false ,则 disabled 甚至不会被包含在渲染出来的 button 元素中。

 

posted @ 2024-02-23 23:25  混沌武士丞  阅读(13)  评论(0)    收藏  举报