[es6] 模板字符串内添加if判断

我之前一只知道模板字符串中可以用三目运算符做判断，但今天有个需求要在模板字符串中添加if条件语句，于是百度了一下，在此记录一下
直接看代码吧

var html = `<div class="">
                <p>1</p>
                <p>2</p>
                <p>3</p>
                <p>
                    ${
                        (function(){
                            if(条件){ 
                                return ``;
                            }else{
                                return '';
                            }
                        })()
                    }
                </p>
            </div>`

这里需要注意的是 如果你是在vue项目中使用，建议使用箭头函数，这里的自执行函数的this不是指向vue实例的。改成如下：

var html = `<div class="">
                <p>1</p>
                <p>2</p>
                <p>3</p>
                <p>
                    ${
                        (()=>{
                            if(this.num === 1){ 
                                return ``;
                            }else{
                                return '';
                            }
                        })()
                    }
                </p>
            </div>`