vue中的插值表达式的作用

Posted 2021-03-04 lxz123

 vue中的插值表达式的作用

    + 在vue中的作用范围中使用data

    + 支持js代码的运算

    + 支持函数的调用

    v-text 直接进行输出，会覆盖原有内容

    v-html 会把数据解析成html代码执行

    v-bind 对属性进行绑定

    v-model 表单数据的双向绑定，也是vue

    v-if 控制标签元素  每次都会删除或者创建元素，有较高的切换性能消耗

    v-show 控制标签元素 没有进行删除，添加了dispaly：none ，有较高的初始渲染开销

    v-for 循环

    v-on 绑定事件

    按键修饰符

    .enter   

    .tab

    .delete  捕获删除和退格键（backspace/delete）

    .esc

    .space

    .ctrl

    .alt

    .shift