vue的组件的思维导图

很好，以下是Vue组件的思维导图：

Vue组件
├─ 全局注册
│ ├─ Vue.component()
│ └─ Vue.use()
├─ 局部注册
│ └─ components选项
├─ 组件通信
│ ├─ props
│ ├─ 自定义事件
│ ├─ $emit()
│ ├─ $on()
│ ├─ $once()
│ ├─ $off()
│ ├─ $parent
│ ├─ $children
│ ├─ $refs
│ ├─ provide/inject
│ ├─ $attrs
│ └─ $listeners
├─ 组件生命周期
│ ├─ beforeCreate()
│ ├─ created()
│ ├─ beforeMount()
│ ├─ mounted()
│ ├─ beforeUpdate()
│ ├─ updated()
│ ├─ activated()
│ ├─ deactivated()
│ ├─ beforeDestroy()
│ ├─ destroyed()
│ └─ errorCaptured()
├─ 插槽
│ ├─ 匿名插槽
│ ├─ 具名插槽
│ ├─ 作用域插槽
│ └─ 插槽内容
├─ 动态组件
│ ├─ keep-alive
│ ├─ component
│ └─ is属性
├─ 异步组件
│ ├─ Vue异步组件
│ ├─ Webpack异步组件
│ └─ require.ensure()
├─ mixin
│ ├─ 全局mixin
│ └─ 本地mixin
├─ 渲染函数
│ ├─ createElement()
│ ├─ h()
│ ├─ render()
│ └─ functional组件
├─ 自定义指令
│ ├─ 全局指令
│ ├─ 局部指令
│ └─ 钩子函数
└─ 渲染高阶组件
├─ 父子组件通信
├─ 递归组件
├─ 多个插槽
└─ 动态组件