vue-markdown-loader
Version:
markdown file to vue component loader.
102 lines (76 loc) • 1.58 kB
Markdown
# Hello
`<span>{{sss}}</span>`
> This is test.
- How are you?
- Fine, Thank you, and you?
- I'm fine， too. Thank you.
- 🌚
```javascript
import Vue from 'vue'
Vue.config.debug = true
```
<div class="test">
{{ model }} test
</div>
<compo>{{ model }}</compo>
<div
class="abc"
@click="show = false">
啊哈哈哈
</div>
> All script or style tags in html mark will be extracted.Script will be excuted, and style will be added to document head.
> Notice if there is a string instance which contains special word "</script>", it will fetch a SyntaxError.
> Due to the complexity to solve it, just don't do that.
```html
<style scoped>
.test {
background-color: green;
}
</style>
<style scoped>
.abc {
background-color: yellow;
}
</style>
<script>
let a=1<2;
let b="<-forget it-/script>";
console.log("***This script tag is successfully extracted and excuted.***")
module.exports = {
components: {
compo: {
render(h) {
return h('div', {
style: {
background: 'red'
}
}, this.$slots.default);
}
}
},
data () {
return {
model: 'abc'
}
}
}
</script>
jjjjjjjjjjjjjjjjjjjjjj
<template>
<div></div>
</template>
```
<div>
</div>
sadfsfs
大家哦哦好啊谁都发生地方上的冯绍峰s
> sahhhh
<compo>{{ model }}</compo>
```html
<compo>{{model }}{{model }}{{model }}{{model }}{{ model }}</compo>
```
<style src="./custom.css"></style>
## 引入 style 文件
<div class="custom">
原谅色
</div>