v-bind

v-bind 的基本使用:
页面除了内容需要动态决定以外,我们希望某些属性也能够动态绑定,
比如动态绑定 a标签的 href属性
img元素的 src属性

可以使用 v-bind 指令,动态绑定属性

比如,我会先请求服务器,获取服务器的图片链接,然后再把 链接的 数据 放到 vm对象里面,因此 使用 v-bind 将 vm对象的属性 动态绑定到某个标签

除此之外,还可以 设置 v-bind 动态绑定 class 决定class的样式

v-bind 数组写法:

h2 :class="{‘active’:isActive} "></h2
]如果表达过于复杂,可以 放在一个methods 或者一个 计算属性当中

在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页