v指令(部分)

12 阅读1分钟

V-once 指令:

     1. V-once 所在节点在初次动态渲染后,就视为静态内容了。

     2. 以后数据的改变不会引起v-once 所在结构的更新,可以用于优化性能。

V-pre指令:

    1. 跳过其所在节点的编译程

    2. 可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译。

 Vue 自定义指令:

  1. 定义语法:

           1) 局部指令:

                New Vue({

directives:{指令名:配置对象}

  })

或:

New Vue({

directives:{指令名:回调函数}

  })

    2)全局指令:

  Vue.directive(指令名,配置对象)   或  Vue.directive(指令名,回调函数)

  1. 配置对象中常用的3个回调:

       1).bind: 指令与元素成功绑定时调用。

2).inserted: 指令所在元素被插入页面时调用。

3).update: 指令所在模板结构被重新解析时调用。

  1. 备注:

             1)指令定义时不加 v-, 但使用时要加 v-;

        2) 指令名如果多个单词,要使用kebab-case 命名方式,不要用camelCase命名。