问题描述：

使用 Vue 渲染数据时，遇到了如下神奇一幕，bug 原因非常简单，但结果却让人摸不着头脑，特此记录，以备日后查看！


如上图，刷新页面时，内容一闪而过，随后一直白屏，无任何内容显示，特将问题代码精简为以下内容

<div id="content">
    <img v-bind:src="{
    {img}}" alt="">
</div>
<script> new Vue({
      el: '#content', data: {
      img: 'fa7d55720d6cf.png' } }) </script>

解决方案：

看到代码，相信部分大佬已经发现错误原因了。是的，此处绑定图片只需要写变量名称即可，无需加大括号

# 错误
<img v-bind:src="{
    {img}}" alt="">

# 正确
<img v-bind:src="img" alt="">

bug 原因非常简单，但是解决过程可谓是一波三折，

先是以为 加载问题，各种使用 v-cloak 无果
后续以为 图片路径问题，各种调整 图片路径无效
Chrome 搜索记录 4, 5页
。。。