vue的is和v-bind:is怎么用

首先我們要明白v-bind的意義：

　　<component v-bind:is="current"></component>
如果出現了v-bind那么加載在這個組件的時候，會去創建的vue實例對象的data里找值：

　　var vm = new Vue({ el: '#app', data: function(){ return { current: 'sub' } } })
如圖所示，找到sub，現在就等同於用sub替換了current：

　　<component is="sub"></component>
注意，這里:is變成了is，因為我們已經成功的從vm里面取到了current，剩下的事情就是去找到這個叫做sub的component：

　　Vue.component('sub',{ ... })
最后這個標簽代表的內容就變成了：<sub></sub>
對於:is=‘current’來說，總的流程如下：

去vue實例的data里找到current對應的值
用這個值再去所有的component里找到對應的component
對於is=‘current’來說，總的流程如下：

直接用current去所有的component里找到對應的component