VUE学習記録(b)は---カスタム命令コンポーネント

カスタムコマンド

  1、全体のカスタム命令

< ボディ> 
< DIV ID = "コンテナ" > 
    < DIV V-ビル= "小道具" > {{MSG}} </ DIV > 
</ DIV > 
< スクリプトSRC = "./ vue.js" > </ スクリプト> 
< スクリプト> 
    // 各パラメータのためにそれをV-法案の使用で使用するために必要とされるとき、こぶの命名法ならば、フック(EL、結合、vノードおよびoldVnode)、法案の名前ですその後、使用-接続
    のVueを.directive(ビル、{ 
        バインド(){                                  // グローバル結合要素は、一度だけ呼び出されたときに呼び出され、調整なしで、それが保存されていたであろう
            (にconsole.logバインド、引数); 
        }、 
        ()が挿入{                             // 親要素を結合する際に挿入呼ばれる
            (にconsole.log 挿入、引数); 
        }、
        更新(){                               //は、アセンブリがVNODE更新位置しているときに呼び出さ
            console.log(' 更新' 、引数); 
        }、
        componentUpdated(){                     // コンポーネントが更新のvnode呼び出し
            はconsole.log(' componentUpdate ' 、引数)。 
        }
        アンバインド(){                               // VUEが破壊されたときに結合していないコールインスタンスが起動されますとき
            はconsole.log(' アンバインド' 、引数); 
        } 
    }); 
    letのアプリケーション=  新しい新しいヴュー({ 
        EL:' #container ' 
        データ: { 
            MSG:' このテストはIS ' 
            小道具:' ' 
        } 
    })
</ スクリプト>

 

おすすめ

転載: www.cnblogs.com/rickyctbu/p/11706437.html