自定义组件

1、定义一个组件

/src/components/Item.vue
<template>
    <div>
      <img src="../../images/bg.jpg" alt="">
    <p>你好</p>
  </div>
</template>
<script>
    export default{
      name:"MovieIetm"
  }
</script>
<style scoped>
</style>

2、App.vue中使用组件

import MovieItem from './components/Item'

3、在components属性中注册

export default{
    components:{
        MovieItem
    }
}

4、使用

<MovieItem v-for="item of movies" :key="item.id"></MovieItem>