< DIV ID = "アプリ" >
< CPN $ REF = "アイテム" > </ CPN >
< CPN > </ CPN >
< CPN > </ CPN >
< ボタン@click = "btnClick" >按钮</ ボタン>
< / DIV >
< テンプレート>
< divの>我是子组件</ DIV >
</ テンプレート>
</ ボディ>
< スクリプトSRC= "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" > </ スクリプト>
< スクリプト>
CONST CPN = {
テンプレート:' #cpn '
}
CONSTアプリ= 新しいヴュー({
EL:' #app ' 、
データ:{
メッセージ:' 你好啊'
}、
コンポーネント:{
CPN
}、
メソッド:{
btnClick(){
にconsole.log(この$参考文献)//(項目、Vuecomponent)
}
}
})
</ スクリプト>
$子どもたちは、DOM要素を取得することによって操作することができますが、子供$アクセスは、サブアセンブリ、配列型である場合いるインデックス値を通じたアクセスは、サブアセンブリなければなりません。あまりにも多くのサブコンポーネントは、我々は1を取得する必要がある場合でも、それは、そのインデックス値を決定することができないとさえ変更されることがあります。我々は明確な一つの特定のコンポーネントを取得したい場合は、この時間は、あなたは$ REFを使用することができます