v-bind指令基本的使用方法

基本的使用方法

双大括号不能在页面的组件的属性中使用。应该使用v-bind指令

​v-bind指令指示 Vue 将元素的id与组件的上的属性保持一致。如果绑定的值是 null 或者 undefined,那么这个图片将会从渲染的元素上移除。

简写

因为v-bind非常常用,vue中提供了特定的简写语法可以通过直接用冒号来代替v-bind

让图片循环播放

我们使用计时器来把数组中的图片地址循环赋予现在输出的图片地址达到循环播放的效果

通过v-bind让组件中Boolean类型可以正常使用

布尔型的属性依据 true / false 值来决定是否应该存在这个元素上面。

但直接使用true / false值时会变成使用字符串,让这个布尔型的属性自动使用默认值。

通过v-bind让组件中Boolean类型可以正常使用

猜你喜欢

转载自blog.csdn.net/ming_xiang/article/details/141690319