本文实例为大家分享了Vue点击显示不同图片的具体代码,供大家参考,具体内容如 使用Vue中的以下知识点来显示效果 1:v-for:循环遍历数据 2:v-bind:class={ }:绑定样式 3:v-on:click(简写@click):点击事件 4:v-if:判断 <!DOCTYPE html> <html> <head> <title>点击显示相对应的图片</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; }