vue-cliはどのようにカスタムコマンドを追加しますか?

var app = new Vue({
    el: '#app',
    data: {    
    },
    //     (    )
    directives: {
        //     
        dir1: {
            inserted(el) {
                //                 DOM
                console.log(el);
                console.log(arguments);
                //  DOM    
                el.style.width = '200px';
                el.style.height = '200px';
                el.style.background = '#000';
            }
        }
    }
})

Vue.directive('dir2', {
    inserted(el) {
        console.log(el);
    }
})

<div id="app">
    <div v-dir1></div>
    <div v-dir2></div>
</div>