vue.js中如何拼接字符串呢？

vue.js 中如何拼接字符串呢？本篇文章将会为新入行的小伙伴提供参考价值，希望对大家有所帮助。

vue.js 中如何拼接字符串呢？

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

第 1 步 在 data 中定义变量（我定义的是 comment 对象）：

export default {
    data() {
        return {
            comment: {
                name: '张三',
                content: '哈哈哈，Vue.js 挺好用的。'
            }
        }
    }
}

第 2 步 在字符串中使用${}拼接变量

<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>

这里需要注意了 ：

window.confirm()里不是单引号，而是两个 ` 号（esc 下面的按键）。

效果图如下：

更多前端开发知识，请查阅 码云笔记 mybj ！！

以上就是今天为大家带来的在 vue.js 中如何拼接字符串？的详细内容，更多前端答疑请关注码云笔记其它相关文章！

以上关于vue.js中如何拼接字符串呢？的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。