VUE 父子组建

<!-- 父子组建 -->
    <div id="app">
        <parent></parent>
    </div>

    <script>

        //1,子组建构造器
        let son1 = Vue.extend({
            template:`<img src="img/01.png">`
        });
        let son2 = Vue.extend({
            template:`<p>很强</p>`
        });
        //2,父组建构造
        Vue.component('parent',{
            components:{
                'sonas': son1,
                'sonab': son2
            },
            template:
                `
                <div>
                    <sonas></sonas>
                    <sonab></sonab>
                </div>
                `
        });
        new Vue({
            el:"#app",
            data:{
                msg:'今天还是要赚钱'
            }
        })
    </script>