如何通过发布订阅模式实现数据的双向绑定

-在vue框架中我们使用v-model的方式来进行数据的双向绑定，那么现在我们不通过vue框架给我们提供支持，自己手动怎么去封装一个v-model的方法？

· 举个例子以下是我们的dom结构

- 在没有vue框架的支持下如何实现上面代码？

1. 首先我们应提供一个vue的类，并让浏览器识别v-model、v-text等属性

2. 根据vue框架中提供的v-model，我们应实现在input输入时，使用数据劫持在span标签内展示对应的文本

话不多说，直接看下面代码