Code 代码高亮

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

Tips

1.0.11+

<!-- 导入需要的包 （一定要放到index.html中的head标签里） -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dark.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>

//在main.js中使用 Vue.use(AVUE);

<avue-code syntax="javascript" :height="300">
      //在main.js中使用
      Vue.use(AVUE);
    </avue-code>
<script>
export default {
  
}
</script>

Expand Copy Copy

Variables

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