[JavaScript知识库]【组件的基本介绍和应用】

组件的概念：

• 组件的是什么：可复用的Vue实例对象，封装了HTML
  学这个有什么好处：便于复用，易于维护。

组件的基础：

1. 使用步骤：
	1. 封装组件 --- 一个vue文件就是一个组件
	2. 引入组件
	3. 注册组件
		1.  全局注册：1.在main.js中使用Vue.component('组件名'，组件对象)     2.注册组件可以在任意地方使用
		2.	 局部注册：<组件名>
	4. scoped:
		1. 作用：让样式只在当前组件的template 中生效
		2. 原理：1.给标签加了data-v-hash 	2.给所有css选择器加了一个属性选择器

组件通信：

1.父传子：
1. 子组件中定义props来接收父组件传递过来的数据
2. 父组件中给子组件标签上进行属性绑定传值
2.子串父：
1. 在父组件中给子组件绑定自定义事件，父组件中定义事件处理函数
2. 子组件中在恰当的时机，使用this.$emit()触发事件传递数据

Vue基础API有那些（重要）

1. data
2. methods
3. computed
4. watch
5. components
6. props