vue基础--什么是组件

一、什么是组件

就是把一个比较大的网页，进行功能模块的拆分

就是vue的一个自定义标签

二、组件的父子关系和兄弟关系

2.1 子组件 传值给 父组件 （使用自定义事件）

子组件：（自定义事件）
this.$emit('changeEvent',this.str)；
参数1：自定义事件
参数2：是传递的数据

父组件：
<Child @changeEvent= 'fn'></Child>
methods:{
	fn(val){   ===>这里的val，就是子组件传的数据
		console.log(val);
	}
}

三、组件的操作

目录src

App.vue  首页
assets   静态资源
mainjs  入口js文件
components 放入组件

3.1 组件的首字母要大写

3.2 父组件引入子组件

3.2.1

<template>
	<Header></Header>
	<Swiper ></Swiper >
	<Icons ></Icons >
</template>

3.2.2

<script>
	import Header from './components/home/Header'
	import Swiper from './components/home/Swiper'
	import Icons from './components/home/Icons'
	export default {
		components:{
			Header,
			Swiper,
			Icons
		}
	}
</script>