vue指令篇（v-if,v-for,v-bind,v-model,v-on,计算属性，监听器，过滤器）

 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