作业11.5

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

   • 数组

     <p v-for="(item,key) in array">{{key}}=>{{item}}</p>
     

   • 对象

     <p v-for="(value,key,i) in Object">{{i}}:{{key}}=>{{value}}</p>
     

   • 数字

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

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

   • v-model

     v-model 是双向绑定，自动绑定value，value改变后会自动会改变data相应的数据
     

   • v-bind

     v-bind是单项绑定，需要指定绑定的属性，改变后不能改变data内的数据
     

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

   • v-show

     只是改变标签的style内的display变成none
     

   • v-if

     将标签变成注释
     

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

   <div id="app">
   	<p :class="str">1</p>
   	<p :class="obj">2</p>
   	<p :class="arr">3</p>
   	<p :class="arrobj">4</p>
   </div>
   <script src="./js/vue.js"></script>
   <script>
   var vm=new Vue({
   	el:"#app",
   	data:{
   		//string 字符串
   		str:"bg-red",
   		//Object 对象
   		obj:{"bg-red":true},
   		//array 数组
   		arr:['bg-red'],
   		//array+object 对象数组
   		arrobj:[
   			{
   				'bg-red':true
   			}
   		]
   	}
   })
   </script>