<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="//repo.bfw.wiki/bfwrepo/js/highlight/styles/vs2015.min.css" />
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.3.03.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highlight.11.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highlightjs-vue.min.js"></script>
</head>
<body>
<div id="app">
<!-- bind to a data property named `code` -->
<highlightjs autodetect :code="code" />
<!-- or literal code works as well -->
<highlightjs language='javascript' code="var x = 5;" />
</div>
<script>
const app = {
data() {
return {
code: "var x = 5;"
}
}
}
Vue.createApp(app).use(hljsVuePlugin).mount('#app')
</script>
</body>
</html>
网友回复