当前位置: 代码迷 >> 综合 >> vue 重新学习
  详细解决方案

vue 重新学习

热度:2   发布时间:2024-01-31 14:45:22.0

我发现招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 对象,然后对该对象操作