this.$set的详细用法

template中的模板

 <ul>
      <li >{
   
   {list.name}}</li>
    </ul>
    <button @click="changValue"></button>

data里的数据

 list: {
          name: 'zhangsan',
          age: 'lisi',
          id: 1
},

methods
给list添加一个sex：femal的属性
第一种写法

methods里写一个方法
changValue(){
this.$set(this.list, 'sex', 'femal')
console.log(this.list) //
}

第二种写法

		 changValue() {
	        // this.$set(this.list, 'sex', 'femal')
	        this.list.sex = 'femal'
	        this.list = Object.assign({}, this.list)
	        console.log(this.list)
	      },