vue组件的创建和引用

创建：
src/component ===>创建组件
注意：组件首字母大写

引用：
1、import xxx from ‘xxx’
2、 components:{
xxx
}
3、在template 中使用:xxx

<template>
  <div>
      <header>头部</header>
      <Swiper></Swiper>
      <Footer></Footer>
  </div>
</template>

<script>
import Swiper from './components/Swiper.vue'
import Footer from './components/Footer.vue'
export default {
  name: 'App',
  components: {
    Swiper,
    Footer
  }
}
</script>

<style>

header{
  background-color: pink;
}
</style>

App.vue(父），引用的 Swiper 和 Footer（子）