Vue学习第二天

Vue学习第二天

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

   v-for 可以遍历数组，对象以及数字。
   

<p v-for="str in array" v-text="'姓名:'+str"></p>
<p V-for="(str,index) in array">姓名：{{str}},下标{{index}}</p>
<p v-for="i in 10">数字：{{i}}</p>
<p v-for="(value,key,i) in hero">
  	<span>{{i}}</span>
  	<span>{{key}}</span>
  	<span>{{value}}</span>
</p>

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

v-model 指令在表单控件元素上创建双向数据绑定,所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更新为相同的数据.

v-bindv用来单向绑定数据和属性以及表达式，缩写为’：’

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

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

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

<script type="text/javascript">
	var vm=new Vue({
		el:'#app',
			data:{
				c1:'cred',
				cobj:{
					cred:true,
					w100:true,
					byellow:true,
						},
				cSimpleArray:['cred','w100','byellow'],
				cObjArray:[{cred:true},{w100:true},{byellow:true}],
						}
							})
</script>