5.8 vue 又学一遍

又一遍

1. v‑for（遍历，常用于遍历表格标签，一般在tr标签上）

• 用途：快速遍历、遍历列表并渲染
• 语法： v‑for="(item, index) in items"
• items：遍历的数组，原名
• item：遍历出的元素
• index：索引，0开始，可省略
• 注：在实例拿出来时要用插值

2. v‑bind

• 用途：为HTML标签绑定属性值（动态）
• 语法： v‑bind:属性名="属性值" 
  （v‑bind可省略，简写为 : ）
  注：一般用于地址

3. v‑if、v‑show：都是用来控制元素的显示与隐藏

• v‑if 可配合  v‑else‑if / v‑else  进行链式调用判断
• v‑if / v‑show="表达式" ，值为true则显示，反之则隐藏
• 区别：
• v‑if：在判断为false时直接创建/移除元素，适合变化少
• v‑show：在判断为false时仅基于CSS的display进行控制，适合变化频繁

4. v‑on（一般在methods中定义事件）

• 用途：为html标签绑定事件
• 语法： v‑on:事件名="函数名"
• 简写： @事件名="函数名"
• 注：在methods中定义函数，定义格式为：

函数名: function() {}

5，v-model
作用：变量的双向绑定
v-model=变量名