欢迎光临散文网 会员登陆 & 注册

3.VUE模板语法总结

2022-08-09 18:30 作者:我的GIS  | 我要投稿

插值语法:{{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">

3.VUE模板语法总结的评论 (共 条)

分享到微博请遵守国家法律