vue中页面中的引用组件

1.了解目录结构

pages文件夹存放我们这个项目所有的页面
home文件夹存放home页面的组件
home.vue是home页
components文件夹存放组成home页的小组件

例子：把swiper.vue放入home.vue

1.每一个组件都有一个“出口名字”（在外面引用这个组件就会用他这个名字）

export default {
  name: 'swiper',
}
2.home.vue

①script标签中引入这个组件

import swiper from './components/swiper'

②在home.vue注册这个组件

export default {
  components:{
      swiper
  }
}

③就可以在home中使用了,像div标签那样使用了

<swiper></swiper>