Vue组件化
2022-01-27 23:08:26 5 举报AI智能生成
Vue组件化
作者其他创作
大纲/内容
常见组件化技术
组件通信
父 -> 子
props
$refs
$children
子 -> 父
$emit('xx')
@xx
兄弟
$parent
$root
祖代 -> 后代
provide
inject
任意
bus
vuex
祖代 <-> 后代
element-ui/mixins/emitter.js
broadcast
祖代 -> 后代
dispatch
后代 -> 祖代
内容分发 slot
匿名
<slot>
<template>内容</template>
具名
<slot name="body">
<template v-slot:body>内容</template>
作用域插槽
<slot :body="person">
<template v-slot:body="slotScope">{{ slotScope.person.name }}</template>
其他
v-model
.sync
$attrs
示例
el-form
el-form-item
el-input
0 条评论
下一页
