vue day02

11.5作业

1、vue的v-for语法可以遍历那些值，分别写出遍历不同值的代码。

//数组
<p v-for="(str, index) in array">姓名：{{str}}==下标：{{index}}</p>
//数字
<p v-for="i in 10">
         数字：{{i}}
</p>-->
//对象
<p>{{array[0]}}</p>
<p>{{array[1]}}</p>
<p>{{array[2]}}</p>
<p>{{array[3]}}</p>

2、文字叙述v-model和v-bind的差别。

	v-model可双向绑定，但却只能用于input标签；
	v-bind仅可单向绑定，适用于所有标签

3、文字描述一下v-show和v-if的差别。

	v-if是通过将其从源码中移除的方式使标签消失
	v-show是通过设置display:none;的方法使标签隐藏

4、将M中数据设置为标签的类有几种方式？就每种方式写出样例代码。

//此为css代码
.aaa {
		color: #ff6700;
}
.bbb{
		width: 100px;
		height：100px；
}
.ccc{
		background-color: #ff6700;
}
//单个值设置给标签
c1:'aaa',
//对象式设置
cobj:{
	aaa:true,
	bbb:true,
	ccc:false
}
//简单数组设置
cSimpleArray:['aaa','bbb','ccc']
//对象数组设置
cobjArray:[{cred:true},{bcolor:true},'ccc']