阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_07-vuejs研究-vuejs基础-v-bind指令...

日期： 2019-09-18 分类：个人收藏 367次阅读

4、v-bind
v-bind：无法双向绑定’

1、作用：
v‐bind可以将数据对象绑定在dom的任意属性中。
v‐bind可以给dom对象绑定一个或多个特性，例如动态绑定style和class
2、举例：
<img v‐bind:src="imageSrc">
<div v‐bind:style="{ fontSize: size + 'px' }"></div>
3、缩写形式
<img :src="imageSrc">
<div :style="{ fontSize: size + 'px' }"></div>

a标签绑定 href属性为url这个变量

v-bind简写

绑定到style属性

转载于:https://www.cnblogs.com/wangjunwei/p/11545591.html

除特别声明，本站所有文章均为原创，如需转载请以超级链接形式注明出处：SmartCat's Blog

标签：前端

上一篇：教你怎么使用Python对word文档进行操作

下一篇：阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_04-vuejs研究-vuejs基础-v-model指令...