将头像链接传递到vue js组件但失败了

Question

我是vue js的新人。 目前我正在尝试将数据传递到vue js组件。 到目前为止，如果我传递用户名或其他信息工作正常。但如果我通过头像链接，它将在npm run watch中显示错误。对此有何解决方案？

这是我的代码

<li v-for="comment in comments">
            <div class="avatar"><img src="{{ comment.user.avatar }}" alt="" /></div>
            <div class="comment-content"><div class="arrow-comment"></div>
                <div class="comment-by">{{ comment.user.name }}<span class="date">22 August 2017</span>
                    <a href="#" class="reply"><i class="fa fa-reply"></i> Reply</a>
                </div>
                <p>{{ comment.content }}</p>
            </div>
        </li>

这是我得到的对象。