vueのisとv-bind:isはどう使いますか

840 ワード

まず、v-bindの意味を理解します.


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」の場合、全体的なプロセスは次のとおりです.
  • vueインスタンスのdataにcurrent対応する値
  • が見つかりました.
  • この値ですべてのcomponentに行って対応するcomponent
  • を見つけます
    is=「current」の場合、全体的なプロセスは次のとおりです.
  • 直接currentですべてのcomponentの中で対応するcomponent
  • を見つけます