vue系列教程第五篇,即绑定设置属性的多种方式,具体内容如下
一、设置属性的值: {{data中的数据}}
rush:js;">
window.onload = function () {
var c = new Vue({
el : '#Box',data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'
}
});
}
rush:xhtml;">
Box">
二、v-bind绑定属性的值
三、简写方式,冒号 (:) 绑定
rush:js;">
window.onload = function () {
var c = new Vue({
el : '#Box',data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg'
}
});
}
rush:xhtml;">
Box">
四、绑定多个属性
rush:js;">
window.onload = function () {
var c = new Vue({
el : '#Box',data : {
url : 'https://img6.bdstatic.com/img/image/smallpic/weijupaishefensetu.jpg',w : '400px',t : '这是一张百度图片'
}
});
}