美文网首页
Vue中的data

Vue中的data

作者: 夜半钟声 | 来源:发表于2019-07-30 18:29 被阅读0次

当一个 Vue 实例被创建时,它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。值得注意的是只有当实例被创建时 data 中存在的属性才是响应式的。也就是说如果你添加一个新的属性,那么对新属性的改动将不会触发任何视图的更新。如果你知道你会在晚些时候需要一个属性,但是一开始它为空或不存在,那么你仅需要设置一些初始值。
这里唯一的例外是使用 Object.freeze(),这会阻止修改现有的属性,也意味着响应系统无法再追踪变化。

相关文章

  • vue学习笔记

    .$data .#$el $data表示vue实例中data的值$el表示vue实例中el的值,注意 el效果等...

  • Vue2响应式原理模拟(个人笔记)

    Vue把 data 中的成员注入到 Vue 实例,并且把 data 中的成员转成 getter/setter Ob...

  • 微信小程序和vue的区别

    数据类型 vue组件中data必须是函数 data(){return{}},new Vue中的选项可以是函数也可以...

  • vue组件中为何data必须是一个函数?

    js中,正常的data可以直接创建对象,例如data:{msg:"12345"}。然而在vue中,data...

  • Vue中的data属性

    Vue 中的data Vue实例会代理data对象的属性, vm.$data.a相等于vm.a 以-和$开头的属性...

  • Vue双向绑定

    依赖订阅: 1.首先将vue实例中的data数据挂载到vue实例上,本质是让vue实例代理data中的数据 2.将...

  • 2018-09-14

    $el 获取vue绑定的元素的 $data 获取vue实例中的数据 $options 获取vue实例中的...

  • Vue中的data

    当一个 Vue 实例被创建时,它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生...

  • vue 响应式与数据更新,dom更新与安全抓取

    响应式与数据更新 在vue中,需要展示在页面上的数据必须在data中声明,没有在data中声明的属性将不会被vue...

  • 4. vue3 项目实践

    1. vue2 中的 data 2. vue2 methods 3. vue2 中的 router 4. vue2...

网友评论

      本文标题:Vue中的data

      本文链接:https://www.haomeiwen.com/subject/nncorctx.html