简略回答
假设父组件中有一个show数据,show="one"
:is="show"-->实际上是is="one"
is="show"-->实际上就是is="show"
详细解释
<div id="app">
<span>这是 :is="show"的案例</span>
<component :is="show"></component>
<span>这是 is="show"的案例</span>
<component is="show"></component>
</div>
<script>
Vue.component('one',{
template: "<div>one<div>"
})
Vue.component('show',{
template: "<div>show<div>"
})
var vm = new Vue({
el: '#app',
data: {
show: 'one'
},
})
</script>
结果