vue之自定義指令directive

<template>
    <div>
        <input v-model="dir1" v-my-directive1="dir1"/>
　　　　 <input v-model="dir2" v-my-directive2="dir2"/>
    </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>