vue——14-元件之間的通訊
阿新 • • 發佈:2018-12-10
<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!'
}
})
}