CodeBlock 代码块

引入方法

import Vue from 'vue';
// 按需引入
import { CodeBlock } from '@polyv/polyv-ui';
Vue.use(CodeBlock, {
  source: [
    'https://s1.videocc.net/library/highlight/10.3.2-fe-custom/highlight.pack.js',
    'https://s1.videocc.net/library/highlight/10.3.2-fe-custom/styles/tomorrow.css',
  ]
});

// 全局引入
import PolyvUI from '@polyv/polyv-ui';
Vue.use(PolyvUI, {
  CodeBlock: {
    source: [
      'https://s1.videocc.net/library/highlight/10.3.2-fe-custom/highlight.pack.js',
      'https://s1.videocc.net/library/highlight/10.3.2-fe-custom/styles/tomorrow.css',
    ]
  }
});

基础用法

<template>
  <plv-code-block :code="code" />
</template>

<script>
import { getCode } from './get-code';

export default {
  data() {
    return {
      code: getCode(),
    };
  },
};
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
code	代码块	String	-	-