Code 代码高亮

可以高亮显示代码,不同的主题风格导入不同包即可

TIP

1.0.11+

  1. <!-- 导入需要的包 -->
  2. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dark.min.css">
  3. <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>

Code 代码高亮 - 图1

  1. <avue-code syntax="javascript" :height="300">
  2. //在main.js中使用
  3. Vue.use(window.AVUE);
  4. </avue-code>
  5. <script>
  6. export default {
  7. }
  8. </script>

Variables

参数说明类型可选值默认值
syntax代码类型String-具体参考highlight.js
height代码块的高度Number-300