這篇文章運用簡單易懂的例子給大家介紹使用computed 計算屬性修改背景色，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
html部分
<template>
<div>
<button @click="changeColor =! changeColor">change Color</button>
<div :class="compClasses">
<span>改變背景色</span>
</div>
</div>
</template>
javascript部分
<script>
export default {
data(){
return{
changeColor:false,
}
},
computed:{
compClasses(){
return {
changeColor:this.changeColor
}
}
}
}
</script>
css部分
<style>
span{
color: red;
}
.changeColor span{
background-color: yellowgreen;
}
</style>
關于使用computed 計算屬性修改背景色就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
