作业day02

一，
1、v-for迭代数组

姓名：{{str}}==下标：{{index}}

2、vfor迭代普通数字，比如v-for="i in n"表示迭代数组[1,2,…,n]

数字：{{i}}

3、v-for迭代对象

值是： {{ val }} — 键是： {{key}} – 索引： {{i}}

二，
v-bind的绑定是一种单向绑定，即只能将M中的数据绑定到标签内属性上，
即M改变标签内属性值也会改变，
但标签内属性的变化无法体现到M中

v-model是双向绑定，作用于input这样的表单元素，默认就是将表单元素的value属性和data中的某数据进行绑定

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

四，
方式1、单个值设置给标签
c1: ‘cred’,
方式2、对象式设置
cObj: {
cred: true,
w100: true,
byellow: true
},
方式3、简单数组设置
cSimpleArray: [‘cred’, ‘w100’, ‘byellow’],
方式4、对象数组设置
cObjArray: [{cred: true}, {byellow: false}, ‘w100’],