vue.set

set全局操作

  Vue.set的作用是在构造器的外部来操作构造器内部的数据、属性等。

  何为外部数据?

  没有在Vue构造器的data中声明,而是在构造器的外部声明好,在构造器的data处引用。

  var exampleData={

    message:"hello world"

  }//外部数据的声明

  var vue=new Vue({

    el:"#app",

    data:exampleData,//外部数据的引用

  })

  修改数据的办法

    1.使用Vue.set(外部数据,数据名称,修改值)

    2.使用vue对象的方法

    3.直接对外部数据进行操作

  Vue.set存在的意义:

    由于JavaScript的限制,在对数组进行操作时,我们利用索引来直接设置数组中的一项时和当我们想要修改数组的长度时,vue是不会帮我们更新修改的部分。

    需要修改数组时,使用Vue.set(需要修改的数组名,修改的位置,修改值)来改变数组,这样vue就会帮我们更新。

  

 

posted @ 2018-08-15 17:38  柳如是  阅读(185)  评论(0)    收藏  举报