vue组件及使用

1.全局组件

组件是一个特殊的实例。
全局组件通过Vue.component()方法定义

2.局部组件

局部组件通过Vue实例的components选项定义

	


let vm = new Vue({
		el: "#app"，
		components: {
			"MyComp": { // 组件名 组件本质是一个对象
				data() {
					return {
					}
				}
				template: `
					
自定义组件
				`
			}
		}
	});

3.数据校验与组件通信

父传子、数据校验

父传子 — 给组件绑定原生事件

子传父

组件通信手段：

• props
• $emit
• $attrs
• $listeners

常用的组件通信总结

父传子： 子组件添加props

子传父：

• 在子组件中调用$emit()方法发布一个事件
• 在父组件中提供一个在子组件内部发布的事件处理函数
• 在父组件订阅子组件内部发布的事件