v-if:
v-if="",绑定data里的属性对象名或者表达式,值为布尔值
例子:v-if=“a” ,data里定义 a :true 或者 v-if=“a > 3” 定义 a :4 或者v-if="loginType === 'username'" 为真时显示该项
实战经验:一般通过点击方法修改该值的真假,达到v-if展示隐藏的功能
v-for:
循环数组:<p v-for="(item, index) in list" :key="item.id">{ {item}} -- { {index}}</p>
循环对象:<p v-for="(value, key, index) in obj">{ {value}} -- { {key}}</p>,<!-- value为值,key 为键,index 为索引 -->
实战经验:一般用来循环某个子项或者某个组件
v-bind:
:title=“msg”, :src=“url”, :class=“三元表达式”
:style="{ color: activeColor, fontSize: fontSize + 'p