美文网首页
vue 设置数据响应

vue 设置数据响应

作者: 开车去环游世界 | 来源:发表于2017-02-22 17:58 被阅读118次

我们在使用VUE的时候,一般会先定义好数据对象,比如说:

data:function(){
   return {
      a:"1"
   }
}

这是先设置好的,但是有一种情况,对象中某个Key是后来加上去的,怎么办呢?
官方提供了set方法

var data = { a: 1 }
var vm = new Vue({
  data: data
})
vm.$set('b', 2)
Vue.set(data, 'c', 3)

一个是针对Vue实例的,一个是针对全局的。

但是,还有一种特殊情况,是在你遍历的时候设置的。那怎么办呢。来段代码就知道了。

toggle:function(index,item){
        var me = this;
        if( (typeof item.expanded) == "undefined" ){
            Vue.set(this.items[index],'expanded',true);
        }else {
        item.expanded = !item.expanded;
        }
    }

直接用全局,针对对象的索引做响应。

相关文章

  • vue 设置数据响应

    我们在使用VUE的时候,一般会先定义好数据对象,比如说: 这是先设置好的,但是有一种情况,对象中某个Key是后来加...

  • 前端面试题【Day02】

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

  • 2020-12-25

    Vue数据响应式 响应式:当一个物体对外界刺激做出反应,就是响应式。例如:我打你一拳你知道躲。 Vue 数据响应式...

  • Vue的响应式浅析

    1 Vue如何实现响应式? Vue的响应式是建立在监听data中的数据. 2 在Vue2中响应式的实现 Vue通过...

  • Vue源码03-响应式原理

    这节将专门讲解vue MVVM响应式处理 Vue采用的是 实现数据的响应式 数据劫持 Observer类 Obse...

  • Vue数据响应式

    1.什么是数据响应式 在 Vue 中,当 data 中的数据发生改变时,视图会进行更新,这就是Vue数据响应式的概...

  • vue面试题谈谈你对Vue 数据响应式的理解

    什么是vue数据响应式 数据改变,UI页面做出响应。当修改 Vue 实例中的 data 属性时,UI页面中的 da...

  • 学习vue的响应式 mvvm -01 数据响应式

    理解VUE的设计思想:VUE的核心是MVVM MVVM框架的三要素:数据响应式 模板引擎以及渲染 数据响应式:监听...

  • vue响应式原理第二天

    选择题1、下面关于 Vue.js 的数据响应式描述正确的是: A. 任何一个对象都可以被设置为响应式对象,当该对象...

  • VUE中数据响应式原理

    1.vue数据响应式的原理2.数据属性的四大特性3.访问器属性4.getter和setter vue数据响应式主要...

网友评论

      本文标题:vue 设置数据响应

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