File tree Expand file tree Collapse file tree 1 file changed +26
-6
lines changed Expand file tree Collapse file tree 1 file changed +26
-6
lines changed Original file line number Diff line number Diff line change 1
1
# Basic
2
2
3
- To use Vue, add HTML elements with appropriate Vue.js markers.
3
+ ## Load Vue on your page
4
4
5
- For example, see demo of ` v-for ` usage.
5
+ Add the Vue script as a script tag. Here is an example using Vue and then Docsify loaded after ` scrip the ` window.$docsify` pa
6
6
7
- ## Code
7
+ ```
8
+ <script>
9
+ window.$docsify = {
10
+ // ...
11
+ }
12
+ </script>
13
+
14
+ <script src="//cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
15
+ <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
16
+ ```
17
+
18
+
19
+ ## Add Vue elements
20
+
21
+ Next, add HTML elements which have appropriate Vue.js syntax.
22
+
23
+ Note that you do not have to setup ` Vue() ` in any script tag - you only need the HTML.
24
+
25
+ For example, see a demo of ` v-for ` usage.
26
+
27
+ ### Code
8
28
9
29
``` html
10
30
<ul >
11
- <li v-for =" i in 10" >{{ i }}</li >
31
+ <li v-for =" i in 10" >{{ i }}</li >
12
32
</ul >
13
33
```
14
34
15
- ## Result
35
+ ### Result
16
36
17
37
<ul >
18
- <li v-for =" i in 10 " >{{ i }}</li >
38
+ <li v-for="i in 10">{{ i }}</li>
19
39
</ul >
You can’t perform that action at this time.
0 commit comments