vue自定义指令

自定义全局指令：

Vue.directive('指令名字',{

        bind(el,binding){

            //el 是绑定元素(dom对象)

            //binding 是对象 name 是指令名字 value 使用指令传的参数

            // 只触发一次

        },

        inserted(el,binding){

             //el 是绑定元素(dom对象)

            //binding 是对象 name 是指令名字 value 使用指令传的参数

            // 当前元素 插入到 父节点中 触发

        }

    })

 

    let Home = {

        template:{},

        data(){

            return{}

        },

        directives:{

            "组件名":{

                bind(el,binding){

                    //el 是绑定元素(dom对象)

                    //binding 是对象 name 是指令名字 value 使用指令传的参数

                    // 只触发一次

                },

                inserted(el,binding){

                    //el 是绑定元素(dom对象)

                    //binding 是对象 name 是指令名字 value 使用指令传的参数

                    // 当前元素 插入到 父节点中 触发

                }

            }

        }

    }

注意：

        1，如何使用 指令 是当做 自定义属性来用

            在需要 使用的dom节点上 v-指令名="传值"

        2，全局指令可以在任意实例上使用，局部的只能在当前实例上使用