- 安装md解析器:
npm install vue-markdown --save
- 渲染样式:
npm install github-markdown-css
-
Vue代码实例:
<template> <div> <vue-markdown class="markdown-body">{{msg}}</vue-markdown> </div> </template> <script> // md解析器 import VueMarkdown from 'vue-markdown'; // markdown 样式引入 import 'github-markdown-css'; export default { name:'document', components:{ VueMarkdown }, data(){ return{ msg:'[1.0.1 分支](https://gitee.com/clown-passerby-community/laravel-vue-admin/tree/1.0.1) * **文章详情完善**; * **文章列表:状态变更设置;** * **默认图片组件的border-radius可随意传参设置;** * **系统设置下的配置管理、友情链接、Banner文件目录更换至根目录。**' } } } </script>
评论/回复