ES6语法map set 和vue的$set方法

1、new集合就是创建数组

集合转换成数组

2、

3、map

 

 

 

map:键是需要我们比较特殊的 

$set不是ES6的写法，他是vue方法：

<template>
  <div>
    {{testData.name}}
    {{testData.age}}
    {{testData.sex}}
    <button @click="setAttr()">设置属性</button>
  </div>
</template>
<script>
export default {
  name: "Home",
  data() {
    return {
      testData: {
        name: "za",
        age: 23,
       
      }
    };
  },
  methods: {
    setAttr() {
      // 对于没有声明的属性,直接用赋值的方法,视图是不会更新的
      // this.testData.sex = "男";
      this.$set(this.testData,"sex","男") //  this.$set(obj,key,val)
    }
  },
};
</script>