// index.wpy page
<template>
  <toWxml :content="content"></toWxml>
</template>
 
<script>
import wepy from 'wepy'
import ToWxml from '../components/to-wxml'
 
export default class Index extends wepy.page {
  components = {
    toWxml: ToWxml
  }
 
  data = {
    content: '<p>GitHub repo 地址：<a href="https://github.com/alsotang/node-lessons">https://github.com/alsotang/node-lessons</a></p><img src="//dn-cnode.qbox.me/Fn4rCeRCAiZqBbOvJUj1in10w16A" alt="error.jpg">',          // 模板内容
  }
}
</script>

// index.wpy page
<template>
  <toWxml :name="name" :content.sync="content" :imgPadding="imgPadding" :mode="mode" :clearStyle="clearStyle" :clearClass="clearClass"></toWxml>
</template>
 
<script>
import wepy from 'wepy'
import ToWxml from '../components/to-wxml'
 
export default class Index extends wepy.page {
  components = {
    toWxml: ToWxml
  }
 
  data = {
    name: 'myParse',   // 绑定名称
    content: '',          // 模板内容
    imgPadding: 10,       // 为当图片自适应是左右的单一padding
    mode: 'html',         // 可以为html或者md
    clearStyle: true,     // 清除行内样式
    clearClass: true      // 清除class
  }
 
  async onLoad () {
    const res = await wepy.request({
      url: `requestApi`
    })
    this.content = res.data
    // 异步更新数据 遵循wepy数据绑定原理,需执行```this.$apply()```更新数据
    this.$apply()
    // 通知towxml组件更新数据
    this.$invoke('toWxml', 'toParserNotice')
  }
}
</script>