可以将字符串解析成对应标签，类似于vue中的v-html功能

js页面

// pages/demo10/demo10.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //1、标签字符串  【最常用：更直观】
    // html:'<div class="tbh-logo J_Module tb-pass" data-name="logo" data-spm="201857"> <div class="logo"><h1><a href="//www.taobao.com"  role="img" class="logo-bd clearfix">淘宝网</a></h1><h2 aria-hidden="true"><a class="clearfix" href="//www.taobao.com">淘宝网</a></h2></div></div>'


    //2、对象数组    【不常用：不直观】
    html:[
      {
        //1、div标签  name属性来指定
        name:"div",
        //2、标签上的属性
        attrs:{
          //标签上的属性 class style
          class:"my_div",
          style:"color:red;"
        },
        //3、子节点children要接收的数据类型和nodes第二种渲染方式的数据类型一致
        children:[
          {
            name:"p",
            arrts:{},
            //放文本
            children:[
              {
                type:"text",
                text:"hellworld"
              }
            ]
          }
        ]
      }
    ]
  }
})

wxml页面

<!-- 
    rich-text 富文本标签
    1、nodes属性来实现
        （1）接收标签字符串
        （2）接收对象字符串
 -->

<rich-text nodes="{{html}}">
    
</rich-text>