```
<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>
```
> 子组件自定义事件向外传递参数
