一入前端深似海之如何实现一个双向数据绑定

文章预览

#长按上图识别二维码，参与OSC源创会年终盛典# 众所周知，现在流行的一些MVVM框架，都有那么一个指令叫做双向数据绑定指令，其功能也是实现一个双向的数据绑定。所以今天我写下该篇博客，带着大家也实现一个属于自己的简易的数据双向绑定。 前言 简单介绍一下双向数据绑定实现的是一个什么样的东西。首先有两个东西，他们分别是： V-视图层 M-数据层 1、视图层传向数据层：V发生改变，M也发生改变 2、数据层传向视图层：M发生改变，V也发生改变 那么接下来我们也将自己书写代码实现这样两种功能，从而实现双向数据绑定。最终实现的效果如图： 修改input框里面的内容，p标签内容也实时相对应发生改变，data里面的数据也会发生改变 一、先奉献上自己完整 ………………………………