与我们合作
我们专注：网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务：网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案
有一个品牌项目想和我们谈谈吗?
您可以填写右边的表格，让我们了解您的项目需求，这是一个良好的开始，我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话，让我们听到您的声音
您也可通过下列途径与我们取得联系：
地 址: 深圳.龙岗区大运软件小镇11栋3楼
电 话: 138 2888 4598 / 138 0880 9053
网 址: http://www.appvx.cn
快速提交您的需求 ↓
回顾：单向数据绑定的实现思路：
所有数据只有一份
一旦数据变化，就去更新页面(只有data-->DOM，没有DOM-->data)
若用户在页面上做了更新，就手动收集(双向绑定是自动收集)，合并到原有的数据中。
双向绑定特点
数据的双向绑定是vue实现的一大功能。
使用v-model指令，实现视图和数据的双向绑定。
所谓双向绑定，指的是vue实例中的data与其渲染的DOM元素的内容保持一致，无论谁被改变，另一方会相应的更新为相同的数据。这是通过设置属性访问器实现的。
v-model主要用在表单的input输入框，完成视图和数据的双向绑定。
v-model只能用在<input>、<select>、<textarea>这些表单元素上。
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="app">
<input type="text" v-model="message">
<p>{{message}}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: ''
}
});
</script>
</body>
</html>
用Vue.js中的v-model来添加双向绑定：
<input v-model="xxx">
其实上面的代码等价于下面的：
<input :value="xxx" @input="xxx = $event.target.value">
也就是说：
双向绑定 = 单向绑定 + UI事件监听
双向绑定与单向绑定有优缺点
单向绑定：使得数据流也是单向的，对于复杂应用来说这是实施统一的状态管理（如redux）的前提。
双向绑定：在一些需要实时反应用户输入的场合会非常方便（比如多级联动菜单）。但通常认为复杂应用中这种便利比不上引入状态管理带来的优势。因为我们不知道状态什么时候发生改变，是谁造成的改变，数据变更也不会通知我们
注意，Vue 虽然通过 v-model 支持双向绑定，但是如果引入了类似redux的vuex，就无法同时使用 v-model.
本站文章均为深正网站建设摘自权威资料，书籍，或网络原创文章，如有版权纠纷或者违规问题，请即刻联系我们删除，我们欢迎您分享，引用和转载，但谢绝直接搬砖和抄袭！感谢...
