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