vue如何将字符串的一部分处理为html文档并渲染到页面

 <van-cell
      v-for="(item, index) in suggestList"
      :key="index"
      icon="search"
      @click="sendResult(item)"
    >
      <div slot="title">{{item}}</div>
 </van-cell>

<span style="color: blue;">Hello</span> world <span style="color: blue;">hello</span> girls

highlight(str) {
      // 正则表达式//中间的字符只是字符串
      // 如果需要动态创建一个正则表达式
      // new RegExp(str, rules) str是正则字符串，rules是匹配模式写在字符串中
      const reg = new RegExp(this.suggestText, 'gi')
      const highStr = str.replace(reg, `<span style="color:#3296fa;">${this.suggestText}</span>`)
      return highStr
    },

<van-cell
      v-for="(item, index) in suggestList"
      :key="index"
      icon="search"
      @click="sendResult(item)"
    >
      <div slot="title" v-html="highlight(item)"></div>
    </van-cell>

highlight(str) {
      const arr = str.split(this.suggestText)
      const strHtml = arr.join(`<span style="color:blue">${this.suggestText}</span>`)
      return strHtml 
    },

<div dangerouslySetInnerHTML = {{__html:返回的html代码片段}} ></div>
<div dangerouslySetInnerHTML = {{__html:data.des}} ></div>

<div v-html = "返回的html代码片段" ></div>
<div v-html = "data.des" >{{data.des}}</div>