美文网首页
Vue监视数据的原理

Vue监视数据的原理

作者: 男人宫 | 来源:发表于2021-10-14 09:17 被阅读0次

1.vue会监视data中所有层次的数据
2.如何监测对象中的数据?
通过setter实现监视,且要在实例创建的时候就传入要监测的数据
(1).对象中后追加的属性,vue默认不做响应式处理
(2).如需给后添加的属性做响应式.请使用如下API:

 Vue.set(target, propertyName/index, value) 或
 this.$set(target, propertyName/index, value)

3.如何监测数组中的数据
通过包裹数组更新元素是的方法实现,本质就是做了两件事:
(1).调用原生对应的方法对数组进行更新
(2).重新解析模板,进而更新页面
4.在vue修改数组中的某一个元素一定要用如下几个方法"

1.使用这些API:push,pop,shift,unshift,splice,sort,reverse
2.Vue.set()或者this.$set()

特别注意:Vue.set()和this.$set()不能给vue实例或者Vue的根元素(data对象中)直接添加属性

相关文章

  • vue内部数据变更监测原理

    Vue监视数据的原理: 1、vue会监视data中所有层次的数据 2、如何监测对象中的数据? ...

  • Vue监视数据的原理

    1.vue会监视data中所有层次的数据2.如何监测对象中的数据?通过setter实现监视,且要在实例创建的时候就...

  • vue 监视数据的原理

    1. vue会监视data中所有层次的数据。 2. 如何监测对象中的数据? 通过setter实现监视,且要在new...

  • vue 数据监视 生命周期 嵌套路由

    一、数据监视 watch (handler immediate deep) 数据监视是vue自身提供的方法,...

  • Vue2 和 Vue3 中的 watch 用法

    数据 vue2中的写法 vue3中的写法 情况一,监视 ref 所定义的一个响应式数据 情况二,监视 ref 所定...

  • 前端面试题【Day02】

    本篇绪论 1,Vue响应式原理 1,Vue响应式原理 在vue实例中声明的数据就是响应式的。响应式:数据发生改变,...

  • 【转】JavaScript的观察者模式(Vue双向绑定原理)

    关于Vue实现数据双向绑定的原理,请点击:Vue实现数据双向绑定的原理原文链接:JavaScript设计模式之观察...

  • vue面试知识点

    vue 数据双向绑定原理 vue实现数据双向绑定原理主要是:采用数据劫持结合发布订阅设计模式的方式,通过对data...

  • vue 双向数据绑定

    Vue实现数据双向绑定的原理:Object.defineProperty()vue实现数据双向绑定主要是:采用数据...

  • 深入Vue响应式原理

    1.Vue的双向数据绑定 参考 vue的双向绑定原理及实现Vue双向绑定的实现原理Object.definepro...

网友评论

      本文标题:Vue监视数据的原理

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