當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

自己动手实现一个MVVM库

發布時間：2025/6/17 编程问答 19 豆豆

生活随笔收集整理的這篇文章主要介紹了自己动手实现一个MVVM库小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

我們知道的，常見的數據綁定的實現方法

1、數據劫持(vue)：通過Object.defineProperty()?去劫持數據每個屬性對應的getter和setter
2、臟值檢測(angular)：通過特定事件比如input，change，xhr請求等進行臟值檢測。
3、發布-訂閱模式(backbone)：通過發布消息，訂閱消息進行數據和視圖的綁定監聽。具體代碼實現可以參考我github個人倉庫overwrite->my-observer

一言不合先上代碼和效果圖吧
code

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>example</title> <script src="./mvvm.js" charset="utf-8"></script> </head> <body> <div id="mvvm"> <h2>{{b}}</h2> <input type="text" x-model="a"> <input type="text" name="" value="" x-model="a"> <p x-html="a">{{ a }}</p> <button

轉載于:https://www.cnblogs.com/libin-1/p/6954368.html

總結

以上是生活随笔為你收集整理的自己动手实现一个MVVM库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Procedure execution
下一篇：小看--发布-订阅（观察者）模式