vue中is與:is的區別

簡略回答

假設父組件中有一個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>

結果