vue中is与:is的区别

假设父组件中有一个show数据,show="one"
:is="show"-->实际上是is="one"

is="show"-->实际上就是is="show"

详细解释

<div >
    <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>

结果