mpvue 微信小程序富文本解析

mpvue 是一个使用 Vue.js 开发小程序的前端框架。

按照官方的 快速上手 文档，如果之前接触过微信小程序开发和 Vue.js 的话，还是很容易上手的。

在这里主要记录一个第三方插件的使用：
mpvue-wxparse：适用于 Mpvue 的微信小程序富文本解析自定义组件，支持 HTML 及 markdown 解析。

安装

npm i mpvue-wxparse --save

使用

<template>
  <div>
    <wxParse :content="article" />
  </div>
</template>

<script>
import wxParse from 'mpvue-wxparse'

export default {
  components: {
    wxParse
  },
  data () {
    return {
      article: '<div>我是HTML代码</div>'
    }
  }
}
</script>

<style>
@import url("~mpvue-wxparse/src/wxParse.css");
</style>