小例--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

小例--vue封装一个model框

2.内部事件,确定~取消

小例--vue封装一个model框

注:行间用烤串命名规则

小例--vue封装一个model框

3.定制结构

小例--vue封装一个model框

小例--vue封装一个model框

4.把模板插入body中,而不是#app中

小例--vue封装一个model框


优化:
1.把重重发布订阅事件,升级,双向绑定.sync
小例--vue封装一个model框
或v-model
小例--vue封装一个model框