Skip to content

Commit edb308d

Browse files
author
unknown
committed
Update
1 parent 8855be9 commit edb308d

File tree

1 file changed

+22
-19
lines changed

1 file changed

+22
-19
lines changed

README.md

Lines changed: 22 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -25,15 +25,15 @@ npm install vue-codemirror --save
2525
### Vue use
2626

2727
``` javascript
28-
## import with ES6
28+
// import with ES6
2929
import Vue from 'vue'
30-
...
30+
// ...
3131
import CodeMirror from 'vue-codemirror'
3232

3333

34-
## require with Webpack
34+
// require with Webpack
3535
var Vue = require('vue')
36-
...
36+
// ...
3737
var CodeMirror = require('vue-codemirror')
3838

3939

@@ -48,33 +48,36 @@ Vue.use(CodeMirror)
4848
<codemirror></codemirror>
4949

5050

51-
# component data bind
51+
<!-- component data bind -->
5252
<codemirror :code.sync="code"></codemirror>
5353

5454

55-
# component config example 1
55+
<!-- component config example 1 -->
5656
<codemirror :code.sync="code" :options="editorOption"></codemirror>
5757
```
5858

5959

6060
``` javascript
61-
# editorOption example:
62-
data () {
63-
return {
64-
code: 'const a = 10',
65-
editorOption: {
66-
tabSize: 4,
67-
mode: 'text/javascript',
68-
theme: 'base16-dark',
69-
lineNumbers: true,
70-
line: true,
71-
...
61+
// editorOption example:
62+
export default {
63+
data () {
64+
return {
65+
code: 'const a = 10',
66+
editorOption: {
67+
tabSize: 4,
68+
mode: 'text/javascript',
69+
theme: 'base16-dark',
70+
lineNumbers: true,
71+
line: true,
72+
...
73+
}
7274
}
7375
}
7476
}
7577

7678

77-
# editorOption mode types:
79+
// editorOption mode types:
80+
7881
// string mode
7982
mode: 'text/javascript'
8083

@@ -86,7 +89,7 @@ mode: {
8689
```
8790

8891
``` html
89-
# component config example 2
92+
<!-- component config example 2 -->
9093
<codemirror :code.sync="css" :options="{ tabSize: 2, mode: 'css' }"></codemirror>
9194
```
9295

0 commit comments

Comments
 (0)