vue中$set的用法

vue中$set的用法

$set用来更新数组或对象

$set接收3个参数，参数1:参数是需要更新的数组或对象，参数2:是数组的下标或者对象的属性名，参数3:是更新的内容

$set用于更新数组：

let arr = ["星期一","星期二","星期日"]
this.$set(arr,2,"星期三")   //第一个参数是数组，第二个参数是下标索引，第三个参数是新的内容
//更新之后的arr是["星期一","星期二","星期三"]

$set用于更新对象：

//对象的属性sex的值更新为"男"
let obj = {name:"六四",age:18,sex:"女"}

this.$set(obj,"sex","男")   //第一个参数是对象，第二个参数是更新的属性名称，第三个参数是新的内容

//更新之后的obj是 {name:"六四",age:18,sex:"男"}