Vue组件化

props

$refs

$children

父 -> 子

$emit('xx')

@xx

子 -> 父

$parent

$root

兄弟

provide

inject

祖代 -> 后代

bus

vuex

任意

broadcast

后代 -> 祖代

dispatch

element-ui/mixins/emitter.js

祖代 <-> 后代

组件通信

<slot>

<template>内容</template>

匿名

<slot name=\"body\">

<template v-slot:body>内容</template>

具名

<slot :body=\"person\">

<template v-slot:body=\"slotScope\">{{ slotScope.person.name }}</template>

作用域插槽

内容分发 slot

v-model

.sync

$attrs

其他

el-form

el-form-item

el-input

示例

常见组件化技术

Vue组件化