375 数据双向绑定演示:一个 input + v-model,Object.defineProperty,数据双向绑定的原理简单实现
5.1 一个 input + v-model v-model 指令 : 数据双向绑定的指令 作用 : 把data中的msg值 和 input上的值 绑定到一起 注意 : v-model只能用在 表单控件上 (input checkbox 等) > 可以在浏览器分别演示 V => M 和 M =>V <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <!-- V --> <!-- v-model --> <!-- 作用 : 把`input的value值` 和 `data里的msg` 绑定到了一起, 只要一方发生变化,另外 一方会跟着改变 --> <input type="text" v-model="msg" /> </div> <script src="./vue.js"></script> <script> const vm = new Vue({ el: '#app', data: { // M msg: '这是测试信息' } }) </script> </body> </html> 5.2 Object.defineProperty 内在-响应式原理 let obj = {} let