Vue基础笔记①

一：遍历指令

  1： v-for：
        字符串，数字，列表，对象进行遍历
        <p v-for="(item,index) in list" v-key="item">{{index+1}} --{{item}}</p>
         item 遍历的元素（自定义的名称）
        index 遍历的下标（键名）
        list 被遍历的数据
   2： v-bind:key
        值必须是唯一
        为了让vue更好的优化渲染列表

二：属性绑定

    1.     v-bind:title="msg"
    2.     :title="msg"（属性绑定简写形式)
    3.      :class :id  :disabled

三：事件

    1.   v-on:click="num++"（事件指令）
    2. @click="num++"（事件绑定简写）
    3.   事件的参数：
        1）@click=“sayNum”（ 默认传入事件对象）
        2）@click=“sayNum(3)”（传入实参3）
        3） @click="sayNum($event,3)"（传入事件对象，和参数3）
   4. 事件修饰符
       1） .stop阻止事件冒泡
       2） .prevent 阻止默认事件
       3）.once 只响应一次
    5.按键修饰符
          （keydown，keyup）
          enter 回车
        .up 上
        .down 下
.        space空格
        .esc 取消
        .del删除
        
       6.系统修饰符
           .ctrl
          .shift

       7. 鼠标修饰符
        .left
.        right
.      middle

四：表单

  1.  v-model=”num“（把num的数据和表单的值绑定在一起）
  2. 多选
         1个默认值
         选中为true
        未选中为false
         多个值，绑定的数组动态添加/移除当前元素的value值
   3.单选
   4.下拉select
   5.表单修饰符：
        .lazy  
         change事件触发数据更新
        .number（强制转换为数字）
    6.v-model=“mum”
           简写
                     :value="num"
                      @input="num=$event.target.value"