vue之自定义指令directive

<template>
    <div>
        <input v-model="dir1" v-my-directive1="example1"/>　　　　 <input v-model="dir2" v-my-directive2="example2"/>
    </div>
</template>
<script>
    export default {
        data(){
            return {　　　　　　　　　dir1:‘‘,　　　　　　　　　dir2:‘‘
　　　　　　　}
        },
        directives:{　　　　　　　//直接绑定函数，作用等同于update,不做准备工作和扫尾工作
            myDirective1(val){
                console.log(val)
            },　　　　　　　myDirective2:{　　　　　　　　　　bind(){　　　　　　　　　　　　　//第一次绑定到元素的准备工作　　　　　　　　　　},　　　　　　　　　　update(val，old){　　　　　　　　　　　　//在绑定到元素后立即以初始值第一次调用，然后每次example2变化都会调用update　　　　　　　　　　　　console.log(val)　　　　　　　　　　},　　　　　　　　　　　　unbind(){　　　　　　　　　　　　//销毁前的清理工作　　　　　　　　　　}　　　　　　　}
        }
    }
</script>