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