知識のVUEカスタムコマンドの並べ替え

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META NAME = "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0"> 
    <メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ"> 
        <！ - 1导入VUE的包- > 
        <スクリプトSRC = "https://cdn.staticfile.org/vue/ 2.2.2 / vue.min.js "> </ SCRIPT> 
    <タイトル>ドキュメント</タイトル> 
</ head> 
<body> 
    <DIV ID ="アプリケーション"> 
        の<input type =" text "のV-色=" '青' "/> 
        の<input type =" text」のV-フォーカス/> 
      <たfontWeight V-H3> MSG {{}} </ H3> 
    </ div> 
    <SCRIPT> 
    グローバル定義する//カスタム命令Vue.directive（）コマンド 
    @前記時間的に定義されたコマンドパラメータの名前、 V-プレフィックスを追加する必要性を呼び出すときにはV-プレフィックスを追加しないでください。
    //パラメータ2：体は、いくつかの命令が存在することが目的であります関連する関数は、これらの機能は、特定のステージ、関連する機能を実装することができます。
        Vue.directive（「フォーカス」、{ 
            バインド：関数（EL）{//要素に結合した場合、命令は、すぐにこの機能をビング実行されるたびに一回だけ実行される
                //注：各関数に、最初は引数は、常にエルあるそのディレクティブの結合要素を表し、ネイティブのjsオブジェクトで
                最後の要素は、クラスの命令を結合する場合//、DOMに挿入しないように、フォーカスメソッドを呼び出し、この時間は動作しません
                // 、理由だけDOMに挿入した後に一つの要素、フォーカスを取得するためには
            }、
            挿入：関数（EL）{//が時間内にDOMに挿入された要素を表し、この関数は、[]トリガー実行する
                el.focusを（）; 
            } 
            更新：機能（EL）{//のvnode（アセンブリ）の更新は、更新が実行され、複数回をトリガすることができる
            } 
        }）

Vue.directive（ "カラー"、{ 
    バインド：関数（EL、バインディング）{//二番目のパラメータバインディング、特異的結合は、公式サイトVUE表情を忘れます
                                //スタイル関連する操作、バインドで一般的に行われてもよい
        el.style.color = binding.value}、
    挿入：関数（EL）{// JS行動と関連する操作、最良に挿入行うように配置され、バインドではないの実効

    }、
    更新：機能（EL）{} 
}）

    VAR Vueの新しい新しいVM =（{ 
        EL： "アプリケーション＃"、
        データ：{ 
        MSG： "こんにちは" 
        }、
        //プライベートカスタムプライベート命令を覚えていますSを有する命令
        ディレクティブ：{ 
            大文字の名前は大文字ができないピットに//夜、!!!!! 
           たfontWeight：{ 
                バインド：関数（EL）{にconsole.log（EL）} 
                
            } 
} 

    } 
    ）</ SCRIPT> 
</ BODY> 
</ HTML>
　　すぐに忘れてしまったが、少しずつ学習により、さあ、まだ頻繁に覚えておくために使用置くしようとしています
知識のVUEカスタムコマンドの並べ替え

おすすめ
