Vue.js中使用${}实现变量和字符串的拼接

 

<template>
    <li class="list-group-item">
        <div class="handle">
            <a href="javascript:;" @click="del">删除</a>
        </div>
        <p class="name"><span>{{comment.name}}</span><span>说:</span></p>
        <p class="content">{{comment.content}}</p>
    </li>
</template>
<script>
    export default {
        data() {
            return {
                comment: {
                    name: '张三',
                    content: '哈哈哈，Vue.js挺好用的。'
                }
            }
        },
        methods: {
            del() {
                alert(this.comment.name);
                if(window.confirm(`确定要删除${this.comment.name}的评论吗？`)) {
                    //这里省略实现删除的方法
                }
            }
        }
    }
</script>

————————————————
原文链接：https://blog.csdn.net/qq15577969/article/details/89311252