vue 中的 双向 绑 定 ，在单页面中使用起来 非 常便利，表单 数据 和对象保持 数据 一致，但是在某些应用场景下，比如弹窗，我们需要取消 双向 绑 定 功能，否则会出现，当我们修改弹窗 数据 的时候，父页面的 数据 同步修改的现象，本文主要介绍如何取消 双向 绑 定 。 通过 prop 传递 数据 <ChildDialog ref="childDialog" :dialog-conditions-visi...

什么是 数据 双向 绑 定 ？ vue 是一个mvvm框架，即 数据 双向 绑 定 ，即当 数据 发生变化的时候，视图也就发生变化，当视图发生变化的时候， 数据 也会跟着同步变化。这也算是 vue 的精髓之处了。 数据 双向 绑 定 ，一 定 是对于UI控件来说的。 第一步：需要observer的 数据 对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter，这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了 数据 变化 第二步：compile解析模板指令，将模板中的变量替换成 数据 ，然后初始化渲染页面视图，并将..

Vue 的v-model指令用于在表单元素（比如input、textarea、select等）上实现 双向 数据 绑 定 。它将表单元素的值与 Vue 实例中的 数据 进行 绑 定 ，从而可以实现 数据 的 双向 同步。当表单元素的值发生变化时， Vue 实例中对应的 数据 也会相应地更新；反之，当 Vue 实例中的 数据 发生变化时，表单元素的值也会随之更新。 具体来说，v-model指令的使用方式如下： <input v-model="message" /> 上述代码将一个文本框与 Vue 实例中名为message的 数据 进行了 双向 绑 定 。当文本框的值发生变化时，message的值也会相应地更新；反之，当message的值发生变化时，文本框的值也会随之更新。 双向 数据 绑 定 是 Vue 的核心特性之一，它可以让 开发 者更加便捷地处理 数据 与界面 之间 的交互。通过v-model指令，我们可以在表单元素上实现 双向 数据 绑 定 ，从而大大简化了代码量，并提高了 开发 效率。