0.1.0 • Published 4 years ago

vue-markdown-demo v0.1.0

Weekly downloads
5
License
-
Repository
-
Last release
4 years ago

vue-markdown-demo

安装

npm install vue-markdown-demo

属性

参数说明类型可选值默认值
codevue示例代码,单文件组件string
scope单文件组件中,从外部import的组件object

示例

demo

需要展示的代码 code.vue
<template>
  <div>{{msg}}</div>
</template>
<script>
export default {
  data () {
    return {
      msg: '测试'
    }
  },
  mounted () {
    this.msg = moment().format('YYYY-MM-DD HH:mm:ss')
  }
}
</script>
<style></style>
示例代码
<template>
  <div class="test">
    <markdown-docs :code="code" :scope="scope"></markdown-docs>
  </div>
</template>
<script>
import axios from 'axios'
import markdownDocs from '../components/index'

import moment from 'moment'
export default {
  data () {
    return {
      code: '',
      scope: {
        moment
      }
    }
  },
  components: {
    markdownDocs
  },
  mounted () {
    this.getCode()
  },
  methods: {
    getCode () {
      let url = './code.vue'
      axios.get(url).then((result) => {
        this.code = result.data
      })
    }
  }
}
</script>
<style>
.test{
  width: 100%;
  height: 100%;
}
</style>

npm.io