<div id="app">
<h2>靜態傳遞</h2>
<photo img-url="https://upload.cc/i1/2021/01/08/v0m4HG.jpg"></photo>
<h2>動態傳遞</h2>
<photo :img-url="url"></photo>
</div>
<script type="text/x-template" id="photoTemplate">
<div>
<img class="img-fluid" :src="imgUrl" alt="">
<span>風景畫</span>
</div>
</script>Vue.component('photo',{
props:['imgUrl'],
template:'#photoTemplate'
})
var app = new Vue({
el:'#app',
data:{
url:'https://upload.cc/i1/2021/01/08/v0m4HG.jpg'
}
})
