对数据进行单向绑定实现。
视图改变,引起model变化。这种场景实现方式很简单,监听input即可。
model改变,引起视图变化。实现完全参考Vue0.10版本。
之前也看过其他文章,但很多作者都是读完Vue框架然后转化为自己的思路去实现,对于想去阅读理解原生态Vue源代码如何实现还是很困难。
所以我直接参考了Vue0.10早期版本来实现数据绑定,能够更好的贴合框架。选择这个版本的原因初期Vue版本复杂度还不是很高,更容易理解。但是数据绑定的核心概念已经包含了。
感谢Evan You。
- 安装。
下载代码后,进入model-view文件夹,这里包含整个项目。
npm install
- 测试。
npm run dev
此时可以在dev文件夹修改index.html进行测试,对项目进行断点调试。
- 打包。
npm run build
- 示例。
示例在example文件夹中。
MIT