Vue v-bind动态绑定及内部指令

v-bind动态绑定

v-bind基本用法及语法糖，主要用于动态更新HTML 元素属性，接下来简单回顾下。
v-bind动态属性：常用于动态绑定HTML元素的属性，例如id、class、href、src等属性。改 变任一方数据后都会实时更新。

对象语法格式

数组语法格式”绑定类名”

除了单个类名切换，在对象中也可以传入多个属性来动态切换多个 class。例如：

class-数组语法-普通数组
当需要应用多个class时，可以使用数组语法，给class绑定一个数组，应用一个class列表，例：

class-数组语法-表达式
可以使用三元运算符来根据条件切换class，例如

内联样式style-对象语法
v-bind:style 的对象语法十分直观，看着非常像 CSS，但其实是一个 JS对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用引号括起来) 来命名：

内联样式style-对象包裹语法
大多数情况下，直接写一长串的样式不便于阅读和维护，所以一般写在data或者computed里，以data为例，修改上面案例：

内部指令

拓展：JS迭代器

1. forEach
   .

2. for map
   

3. every 迭代器
   every方法接受一个返回值为布尔类型的函数，对数组中每个元素使用这个函数，如果对于所有元素，该函数均返回true，则该方法返回true，否则返回false
   
   4.some迭代器
   some方法也是接受一个返回值为布尔类型的函数，只要有一个元素使得该函数返回true，该方法就返回true
   

5. 基本指令之v-cloak
   v-cloak不需要表达式，它会在Vue实例编译结束时从绑定的HTML元素上移除，经常和CSS的display:none;配合使用
   

6. 基本指令之v-else
   双路分支：show为true是显示文本1，否则显示文本2

条件渲染指令-key属性

v-for+v-if

v-for控制循环次数