vueのisとv-bind:isはどう使いますか
840 ワード
まず、v-bindの意味を理解します.
v-bindが表示されると、このコンポーネントにロードされると、作成されたvueインスタンスオブジェクトのdataに値が見つかります.
図に示すように、subが見つかったのは、currentをsubに置き換えるのと同じです.
注意、ここ:isはisになりました.私たちはvmからcurrentを取ることに成功したので、残りのことはsubというcomponentを見つけることです.
最後に、このラベルの内容は次のようになります.
is=「current」の場合、全体的なプロセスは次のとおりです. vueインスタンスのdataにcurrent対応する値 が見つかりました.この値ですべてのcomponentに行って対応するcomponent を見つけます
is=「current」の場合、全体的なプロセスは次のとおりです.直接currentですべてのcomponentの中で対応するcomponent を見つけます
v-bindが表示されると、このコンポーネントにロードされると、作成されたvueインスタンスオブジェクトのdataに値が見つかります.
var vm = new Vue({
el: '#app',
data: function(){
return {
current: 'sub'
}
}
})
図に示すように、subが見つかったのは、currentをsubに置き換えるのと同じです.
注意、ここ:isはisになりました.私たちはvmからcurrentを取ることに成功したので、残りのことはsubというcomponentを見つけることです.
Vue.component('sub',{
...
})
最後に、このラベルの内容は次のようになります.
is=「current」の場合、全体的なプロセスは次のとおりです.
is=「current」の場合、全体的なプロセスは次のとおりです.