Vue数据绑定

1.vue数据双向绑定

当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值

注意:Vue的数据绑定响应,只有在Vue实例在创建的时候,data中的数据才是响应式的,就是说在Vue实例创建以后,添加的属性是不会进行绑定响应的,如果你知道你会在晚些时候需要一个属性,但是一开始它为空或不存在,那么你仅需要设置一些初始值

2.vue的属性和方法引用

Vue 实例暴露了一些有用的实例属性与方法。它们都有前缀$,以便与用户定义的属性区分开来

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

推荐阅读更多精彩内容

  • 输出 {{ msg }} 两个括号输出实例的 data 属性值,并与实例的值绑定,这个语法叫 Mustache。 ...
    yangxg阅读 635评论 0 0
  • 本篇文章中的代码只是部分片段,完整代码存放于github上https://github.com/Q-Zhan/si...
    詹前鑫阅读 2,098评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,845评论 18 139
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,071评论 4 129
  • Vue.js使用了基于HTML的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。 插值 文本:{{...
    陆lmj阅读 530评论 0 0