vue2中常见的问题（2）

11.vue指令-显示隐藏

v-if 和v-show都是用来显示隐藏元素的

v-if是通过删除dom元素，v-show是通过display：‘none’

使用地点v-if一般用于在一次的使用，v-show是用于频繁切换

12.vue指令-v-for如何遍历对象、数组、数字

数组

<li v-for="(item,index) in list">索引：{{index}}---每一项：{{item}}</li>

对象

 <li v-for="(item,index) in userList">索引：{{index}}---ID：{{item.id}}---姓名：{{item.name}}---年龄：{{item.age}}</li>

数字

<p v-for="i in 10">第{{i}}个p标签</p>

13.vue指令-v-for为什么设置key

key的作用是提高重排效率，就地复用

key值不i需要是数字和字符串，必须是唯一值

14.vue绑定class方式

有四种 数组，三目运算符，对象，数组内置对象

15.vue绑定style方式

有三种 对象，数组，函数返回值