這篇文章主要介紹如何使用Vue實現點擊顯示不同圖片的效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
創新互聯公司專注為客戶提供全方位的互聯網綜合服務，包含不限于網站設計制作、
成都網站設計、相城網絡推廣、小程序設計、相城網絡營銷、相城企業策劃、相城品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們大的嘉獎；
創新互聯公司為所有大學生創業者提供
相城建站搭建服務，24小時服務熱線：13518219792，官方網址：www.cdcxhl.com
使用Vue中的以下知識點來顯示效果
①：v-for：循環遍歷數據
②：v-bind:class={ }：綁定樣式
③：v-on:click（簡寫@click）：點擊事件
④：v-if：判斷
點擊顯示相對應的圖片
*{
margin: 0;
padding: 0;
list-style: none;
}
.myul{
display: flex;
}
.myul li{
border: 1px solid orange;
height: 150px;
width: 150px;
flex-direction: row;
text-align: center;
line-height: 150px;
}
.content{
border: 1px solid grey;
height: 350px;
width: 600px;
}
.content img{
height: 350px;
width: 600px;
}
.active{
background: #3A9ffb;
color: white;
}
{{item.content}}
