第二天Vue学习

第二天Vue学习,第1张

v-bind的基本于扩展使用:

1.v-bind的基本使用

鼠标悬停,data的数据中不仅有标准写法,还可以使用模板字符串

		
			鼠标悬停显示信息
		
		
		
		
		
	

补充:这里的方法运用了封装对象

3.v-bind动态绑定class数组用法

同对象相似,将引号内改为数组即可,需要注意的是,数组内的值加上了引号则视为字符串,是不变量,:,这是变量的用法。

第二种同上,同样是methods方法替代


			 
			    {{message}}
				
				
				{{message}}
				
				{{message}}
		
		
		
		
		
		
		
		
	

6.v-bind动态绑定style的数组用法

class内部加上数组即可,在此提醒,不能加上引号,方法类似。

再data中写,同样注意,键值对的写法,该加上对象的加对象。


			{{msg}}
			{msg}} -->