作业11.5

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

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

2. 文字叙述v-model和v-bind的差别。
   v-model是双向绑定.作用于input这样的表单元素，默认就是将表单元素的value属性和data中的某数据进 行绑定
   v-bind:是一种单向绑定，即只能将M中的数据绑定到标签内属性上.
3. 文字描述一下v-show和v-if的差别。
   v-if是通过将其从源码中移除的方式来使标签消失
   v-show是通过设置display:none;的方式使标签隐藏
4. 将M中数据设置为标签的类有几种方式？就每种方式写出样例代码。

   div id="app">
   <div :class="c1">c1测试</div>
   <div :class="CObj">对象测试</div>
   <div :class="cSimpleArray">简单数组测试</div>
   <div :class="cObjArray">对象数组测试</div>
   </div>
   <script>
   var vm = new Vue({
       el: '#app',
       data: {
           /*方式1、单个值设置给标签*/
           c1: 'cred',
           /*方式2、对象式设置*/
           cObj: {
               cred: true,
               w100: true,
               byellow: true
           },
           /*方式3、简单数组设置*/
           cSimpleArray: ['cred', 'w100', 'byellow'],
           /*方式4、对象数组设置*/
           cObjArray: [{cred: true}, {byellow: false}, 'w100'],
   
       },
       methods: {}
   });
   
   </script>