查漏补缺——说说模板字符串

问题

如题所示

答案

在源码中看到这样一句源码：

<div class="banner-img" :style="{'background-image': `url(${src})`}">

url(${src})这个到底是啥？不太懂，然后群里的朋友跟我说这是模板字符串，然后在网上搜一下答案：

模板字符串（ ）的用途

ES6 Template String 模板字符串

首先，我们一般看到的普通字符串是用单引号或者双引号，但是模板字符串是用反引号，这里的还嵌入了一个变量。这个变量在下面的代码：

props:{
            src:{
                type: String,
                default: 'https://s1.ax1x.com/2020/05/23/YxaLMq.jpg'
            },
            isHome:{
                type: [Boolean,String],
                default: false
            }
        },

这个变量是props属性的传递的一个对象，类型是字符串String，默认值是这个变量，也就是这个图片的地址。