3.1VUE模板语法总结

插值语法：{{xxx}} 指令语法：     单向数据绑定：

    v-bind: href="xxx"

    : href="xx"

    双向数据绑定（只用于表单来元素（输入类元素））：

    v-model: value

    v-model

    事件处理：

    v-on: click="fun($event, arg)"

    @click="fun($event, arg)"

        事件修饰符:

        1.prevent:阻止默认事件(常用);

            @click.prevent="fun()"

        2.stop:阻止事件冒泡(常用);

            @click.stop="fun()"

        3.once:事件只触发一次(常用);

            @click.once="fun()"

        4.capture:使用事件的捕获模式;

        5.self:只有event.target是当前操作的元素是才触发事件; 

        6.passive:事件的默认行为立即执行，无需等待事件回调执行完毕;

        键盘事件：

        回车enter，删除delete(捕获“删除”和“退格”键)，退出esc，空格space，换行tab(特殊，必须配合keydown去使用)，上up，下down，左left，右right

        <input type="text" placeholder="按下回车提示输入” @keydown.enter="fun">