day2作业

day2作业

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

数字

<p v-for="i in 10" >
		{{i}}
	</p>

对象

<p v-for="(value,key) in animal">

	<script >
		vm=new Vue({
			el:'#app',
			data:{
				
				animal:{
					'name':'鱼',
					'栖息':'水',
					'特性:':'用鳃呼吸',
				},
			}
		})
	</script>

数组

<p v-for="str in array" >{{str}}</p>

el:'#app',
			data:{
				array:['数组1','数组2','数组3','数组4']
				}

2、文字叙述v-model和v-bind的差别。
v-bind 单向传输，value值改变 vue内的数据值不变。
v-model 双向传输，value值和vue内的数据值一起改变。

3、文字描述一下v-show和v-if的差别。
v-show 将标签的display:none值改变。
v-if将标签从源代码中删除。

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

<div :class="c1">c1测试</div>
 <div :class="cObj">cObj测试</div>
 <div :class="cSimpleArray">cSimpleArray测试</div>
<div :class="cObjArray">cObjArray测试</div>

<script>
	var vm=new Vue({
		el:'#app',
		data:{
			c1:'cred',//单个值设置给标签
			cobj:{cred:true,
				w100:true,
				byellow:true},//对象式设置
			cSimpleArray:['cred','w100','byellow'],//简单数组设置
			cobjArray:[{cred:true},{byellow:false},'w100'],//对象数组设置
		},
		methods:{

		}
	})
</script>