vue常用指令

常用指令列表

1. v-model
2. v-if
3. v-else
4. v-show
5. v-for
6. v-bind----简写: :class="qq"、:type="text"
7. v-on----简写: @click="qq"

v-model 双向绑定

 {{ message }} 

v-if 条件渲染，根据表达式的真假来删除和插入元素

当表达式为true，插入该条数据
当表达式为flase，删除该条数据
当表达式为true，插入该条数据

v-else 紧跟着v-if，添加一个else块，否则将不会被识别

年龄：{{ data.age }}
年龄：属于未成年

v-show 条件渲染，元素会始终渲染到HTML

当表达式为true，显示该条数据
当表达式为false，隐藏该条数据
当表达式为true，显示该条数据

v-for指令基于一个数组渲染一个列表

姓名
年龄
<性别/td>

    
{{ persion.name }}
    
{{ persion.age }}
    
{{ persion.sex }}

v-bind指令，带一个参数，参数通常是HTML元素的特性

v-on指令用于监听DOM事件