小例--vue封装一个model框
需求:1. 定制数据: title 、okValue 、 cancelValue
2. 关心内部事件:点击了ok、点击了cancel
3. 定制结构:header、content、footer
需要:
1. Prop 允许外部环境传递数据给组件
2. emit,事件允许从组件内触发外部环境的副作用;
3. slot插槽允许外部环境将额外的内容组合在组件中。
知识点
1.组件的双向绑定 更多
. 用 .sync(同步)修饰符
. 用v-model,更方便
2.对底层DOM进行操作,用自定指令 更多
功能
1.定制数据 title 、okValue 、 cancelValue
2.内部事件,确定~取消
注:行间用烤串命名规则
3.定制结构
4.把模板插入body中,而不是#app中
优化:
1.把重重发布订阅事件,升级,双向绑定.sync
或v-model