Vue中使用${}拼接字符串拼接出现的问题

我在写课程大作业时遇到这样的问题，需要在页面弹窗中添加变量属性，如下

<template>
  <li class="list_group_item">
    <div class="delete">
      <a href="javascript:" @click="deleteItem">删除</a>
    </div>
    <p class="user"><span>{{comment.name}}</span><span>说:</span></p>
    <p class="content">{{comment.content}}</p>
  </li>
</template>

<script>
    export default {
        name: "Item",
        props:{
            comment:Object,
            deleteComment:Function,
            index:Number
        },
        methods:{
            deleteItem(){
                const {comment,deleteComment,index}=this;
                if (window.confirm('确定删除${comment.name}的评论吗?')){
                    this.deleteComment(index);
                }
            }
        }
    }
</script>

但是在页面中始终无法弹出变量信息，显示一直是${comment.name}
**解决方案：**问题其实很简单，将window.confirm中使用的单引号改为``即可(tab键上面那个键)，修改后如下

<script>
if (window.confirm(`确定删除${comment.name}的评论吗?`)){
	//...
}
</script>