为啥在同一个 v-for 中,有 item.title 和 ${item.icon}两种写法?
0

<div class="text-md">
    <a v-for="item in contacts" :title="item.title" :href="item.link" :style="contactStyle" target="_blank">
        <i :class="`fa fa-${item.icon}`"></i>
    </a>
</div>

两处的数据都是来自于contacts,都是渲染html属性(一个为href,一个为class),为啥<a>中写item.link<i>中写${item.icon}

讨论数量: 1
George

仔细的看下两者的差异在哪~你会发现为啥这样写,看下 ES6 阮老师的文档

7个月前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!