vue 重新学习

我发现招vue 的多，在我们这个小城市

所以下一阶段，重点研究vue ，由于已经研究过了，所以这次重点放在

源码，和项目实战上！ 正确能掌握并且熟练使用它！

————————————————————————————————————

 

<template>
  <div>
    <ul>
      <li v-for="(value,key) in myStyle" :key="key">
        {{value}}--{{key}}
        <button @click="del(key)">delete</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "kk",
  data() {
    return {
      myStyle: {
        color: "red",
        fontSize: "12px"
      }
    };
  },
  methods: {
    del(key) {
      let newStyle = {};
      Object.keys(this.myStyle)
        .filter(item => item !== key)
        .map(i => {
          newStyle[i] = this.myStyle[i];
          return i;
        });

      this.myStyle = newStyle;
    }
  }
};
</script>

<style  scoped>
.common {
  color: red;
}
</style>

我犯病了，自己写个json 对象，然后对该对象操作