1.数据的双向绑定的异同
Vue2.0使用Object.defineProperty， Vue 3.0使用ES6的新特性porxy
2.0、原理：使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作，当数据发生改变发出通知（无法深度劫持）
3.0、原理：使用ES6的新特性proxy来劫持数据，当数据改变时发出通知（可以深度劫持）
2.0 代码：
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="yingaxiang" content="width=device-width, initial-scale=1.0">
6 <title>vue2.x数据双向绑定</title>
7 </head>
8 <body>
9 <div>
10 <input type="text" id="input">
11 <span id="text"></span>
12 </div>
13 </body>
14 </html>
15 <script>
16 var obj = {};
17 Object.defineProperty(obj, &#
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
