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

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

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

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

window.onload = function () {

var c = new Vue({

el : '#box',

data : {

url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'

}

});

}

二、v-bind绑定属性的值

window.onload = function () {

var c = new Vue({

el : '#box',

data : {

url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'

}

});

}

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

window.onload = function () {

var c = new Vue({

el : '#box',

data : {

url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'

}

});

}

四、绑定多个属性

window.onload = function () {

var c = new Vue({

el : '#box',

data : {

url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg',

w : '400px',

t : '这是一张百度图片'

}

});

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。