9、カスタム命令

カスタムコマンド

「V-」初めすべての命令で、Vueのを注意してください

）（Vue.directiveを使用してグローバル命令を定義します

このうち、1のパラメータ：コマンドの名前を（「V-」を追加する必要はありませんが、あなたはの定義を呼び出すと、「V-」を追加する必要があります）

パラメータ2は、機能に関連するいくつかの指示体が存在しているオブジェクトは、これらの機能は、特定の位相である特定の動作を実行してもよいです

メソッド本体の具体的な方法

最初のパラメータはエルある方法、に関係なく、そのディレクティブの結合要素を表し、エルパラメータは、ネイティブのjsオブジェクトであります

• バインド：関数（）{}たびに命令要素に結合した場合、それはこの今バインド機能を実行する、一度だけ実行
• 挿入：関数（）{}関数を整形するバック挿入DOMに挿入された要素を表し、これだけがDOMに挿入することを開始することができ、それはこれが最初でのみ実行することができると言うことです
• 更新：関数（）{} VNODE更新が更新実行される場合には、複数回をトリガすることができます

<div id="app">
    <input type="text" v-focus>
</div>
<script>
    Vue.directive('focus',{
        inserted:function(el){
            el.focus()
        },
    })
    var vm=new Vue({
        el:'#app',
    })
</script>
实现文本框的一开始就获取焦点

上位、続けました。。。。