<div id="enjoy">
    <my-div message="hello girl" imgSrc="../images/fashion-001.jpg"></my-div>
    <my-div message="hello boy" imgSrc="../images/fashion-002.jpg"></my-div>
</div>


<template id="my_div">
    <div>
        <h1>{{message}}</h1>
        <!--注意：vue中不支援大寫的駝峰式命名-->
 

        <img :src="imgsrc" alt="" width="300">
    </div>
</template>

        {
            //1.建立元件
            Vue.component('my-div', {
                template: '#my_div',
                props:['message','imgsrc']
            });
            new Vue({
                el: '#enjoy'
 
,
                data: {
                    msg: 'hello!'
                }
            })
        }