# 一.导出vue组件原代码展示

  1. 官方文档操作 (opens new window)
  2. 在md文件中写导入路径,只能跟在组件后面,中间不能插任何字段,否则显示不了vue组件原代码
 <CountUp />
 <<< @/docs/.vuepress/components/CountUp.vue

# 二.在md文件中有引入图片的方式

  1. 官方文档 (opens new window)
  2. 引入方式(以引入本网站首页的美女为例!)
//方式1,这是普通markdown语法(路径要一级一级找)
![这是个妹子](../../../.vuepress/public/assets/img/girl.jpg)

//方式2,这种注入vue原型的方式,修改base也不会影响,基于public文件夹下的哦!
<img :src="$withBase('/favicon.ico')" alt="logo">
  1. 坑(img标签形式只能引入public下的图片,里面还嵌有其它文件下的图片就显得无能为力了)
这是public下的图标
更新时间: 4/10/2020, 10:35:45 PM