Vue.js if用法

vue.js if可以做一些判断

例如我们要把下面这个输出

   var vm = new Vue({
        el: "#content",
        data: {
            titles: ["小明", "<span>哈哈<span>", "小白", "<span>洗洗<span>"]
        }
    });

直接输出的话，标签也会被当做字符串输出

<div id="content">
    <div v-for="item in titles">
        <span>{{item}}</span>
    </div>
</div>

我们判断一下如果含有span标签，我们就把他当做html来输出

<div id="content">
    <div v-for="item in titles">
        <span v-if="item.indexOf('<span>') !== -1" v-html="item">{{item}}</span>
        <span v-else>{{item}}</span>
    </div>
</div>

哈哈，显示效果如下(tip:有可能多个tiem之间显示有空格了调整下html结构就好了)：

陈独秀都没有你秀