学习笔记-vue组件化实践（2020-08-30）

一、组件通信的常用方式：

1、props

2、$emit/$on

3、eventBus

4、vuex

边界情况

$parent

$children

$root

$refs

祖先和后代之间的通信：provide/inject

provide(){

return {foo:foo}

}

inject:['foo']

非props特性

爷==>孙之间的通信：$attrs

爷爷：foo="foooo"

父亲：v-bind="$attrs"

孙子，props接收，{{foo}}

孙==>爷之间的通信：$listeners

孙子：@click="$emit('hello')"

父亲：v-on="$listeners"

爷爷：@hello="onHello"

二、实战1表单kform的实现

需求实现包括：

1、表单kform:输入数据model,校验规则，校验validate

2、kform-item:label添加，校验执行

3、输入框kinput:双榜，图标反馈

kInput的实现