vue绑定设置属性的多种方式(5)

前端之家收集整理的这篇文章主要介绍了vue绑定设置属性的多种方式(5)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue系列教程第五篇,即绑定设置属性的多种方式,具体内容如下

一、设置属性的值: {{data中的数据}}

Box',data : { url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg' } }); }
Box">

二、v-bind绑定属性的值

Box',data : { url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg' } }); }

<div id="Box">
<img v-bind:src="url" alt=""/>

三、简写方式,冒号 (:) 绑定

Box',data : { url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg' } }); }
Box">

四、绑定多个属性

Box',data : { url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg',w : '400px',t : '这是一张百度图片' } }); }
Box">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章