vue html属性绑定,2、Vue元素属性的绑定以及HTML的绑定

{{msg}}

鼠标瞄上去看Title

我是一个div

我是第二个div

• {{key}}---{{item}}

我是第三个div

export default {

name: 'App',

data (){

return{

msg:'你好',

src:'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2476775726,1200843185&fm=27&gp=0.jpg',

title:'I am a Title!',

h:'

HTML的绑定

',

flag:false,

list:['111','222','333'],

boxwidth:500,

}

}

}

app {

font-family: 'Avenir', Helvetica, Arial, sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-align: center;

color: #2c3e50;

margin-top: 60px;

}

.red{

color:red;

}

.blue{

color:blue;

}

.box{

background: aqua;

width: 100px;

height: 100px;

}

image.png