Vue学习(3)————————绑定Class绑定Style,双向数据绑定,dom节点

标签内绑定属性(此功能看来可以动态绑定标签属性



小测试绑定个图片路径来一波

  

鼠标走一走

————————————————————————————————————————————
v-bind:class的使用(绑定style)





格式是

ture就是给与 false就是没有

Vue学习(3)————————绑定Class绑定Style,双向数据绑定,dom节点_第2张图片

 下面有个小测试,只让第一行变色

		
{{item}} {{key}}

下面来动态的设置一下div的大小





——————————————————————————————————————————————————

双向数据绑定 MVVM

MVVM :Model改变会影响视图view,view视图改变反过来影响model



Vue学习(3)————————绑定Class绑定Style,双向数据绑定,dom节点_第3张图片

再写个方法来测试一下



Vue学习(3)————————绑定Class绑定Style,双向数据绑定,dom节点_第4张图片
设置model同样改变视图 



 

 

你可能感兴趣的:(Vue)