3.Vue绑定属性 绑定Html 绑定class 绑定style

一、vue绑定属性
vue中通过v-bind将数据绑定到属性上，例如：

给div得title属性绑定数据title之后，div下所有元素用鼠标放上去得时候都会出现"绑定属性测试"得字样；
img 属性绑定，第一种是普通加载，第二种是v-bind加载，第三种是另一种写法，结果都能正常显示图片

title属性效果图如下：

img效果图：

二、绑定html,并自动解析html内容
普通绑定和v-html绑定效果对比如下：

v-html可以将内容自动解析成html格式，而普通绑定只是显示内容不做任何接解析
三、绑定数据得另一种方法

四、绑定class



效果图如下：

五、绑定style文件

效果如下：

六、练习-循环数据并将第一个高亮显示
图中item获取得是值，key获取得是索引
数据：

效果：

七、练习-循环显示图片