```
<template>
<div class="container" @click="handleClick">
<img :src="movie.imageUrl" alt="">
<p>{{movie.title}}</p>
</div>
</template>
```
> 渲染數據
`<img :src="movie.imageUrl" alt="">：src=“ ”`傳遞變量數據
```
<script>
export default {
name: "MovieItem",
props: {
movie: {
type: Object
}
},
```
```
methods:{
handleClick(){
this.$emit("jump",this.movie.id)
}
}
};
</script>
```
> 子組件自定義事件向外傳遞參數
