vue的原理

双向绑定:
var message="aa"
input.value=message

input.on('change',function(){
message=input.value
})

单项绑定是:
把message的值赋给input.value,然而当input.value的值发生改变的时候,message的值也发生变化,就需要手动监听事件

然而 vue实现了 使用v-model就能实现改变message的值同时会改变input.value 改变message的值同时改变input.value,这就是vue的双向绑定

双向绑定事一种模式

现在的趋势是单项绑定
为什么呢?
因为双向绑定太灵活了,如果有100出都双向绑定了message那么 有一天,出bug了,那么你知道是哪个地方的赋值message出问题了吗
changeMessage()可以实现知道当 1 mesage绑的时候其他都不要绑 这样就能知道是哪个message被绑定了,所有人要改,需要通过一个接口改message,然而,这个就是单项绑定,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,468评论 0 29
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 11,268评论 0 42
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,691评论 19 139
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,673评论 0 6
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,796评论 4 129