Skip to content

Commit 378b935

Browse files
committed
修复起步页源码问题
1 parent 447843f commit 378b935

File tree

1 file changed

+23
-49
lines changed

1 file changed

+23
-49
lines changed

src/guide/index.md

Lines changed: 23 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -26,25 +26,18 @@ new Vue({
2626
```
2727

2828
{% raw %}
29-
30-
31-
32-
<div id="app" class="demo">
29+
<div id="app11" class="demo">
3330
{{ message }}
3431
</div>
35-
36-
37-
3832
<script>
3933
new Vue({
40-
el: &#39;#app&#39;,
34+
el: '#app11',
4135
data: {
42-
message: &#39;Hello Vue!&#39;
36+
message: 'Hello Vue!'
4337
}
4438
})
4539
</script>
46-
47-
{% endraw %}
40+
{% endraw %}
4841

4942
# 双向绑定
5043

@@ -65,26 +58,20 @@ new Vue({
6558
```
6659

6760
{% raw %}
68-
69-
70-
71-
<div id="app2" class="demo">
61+
<div id="app12">
7262
<p>{{ message }}</p>
7363
<input v-model="message">
7464
</div>
75-
76-
77-
7865
<script>
7966
new Vue({
80-
el: &#39;#app2&#39;,
67+
el: '#app12',
8168
data: {
82-
message: &#39;Hello Vue!&#39;
69+
message: 'Hello Vue!'
8370
}
8471
})
8572
</script>
73+
{% endraw %}
8674

87-
{% endraw %}
8875

8976
# 渲染列表
9077

@@ -112,33 +99,26 @@ new Vue({
11299
```
113100

114101
{% raw %}
115-
116-
117-
118-
<div id="app3" class="demo">
119-
<ul>
120-
<li v-for="todo in todos">
102+
<div id="app13" class="demo">
103+
<ol>
104+
<li v-for="todo in todos">
121105
{{ todo.text }}
122106
</li>
123-
</ul>
107+
</ol>
124108
</div>
125-
126-
127-
128109
<script>
129110
new Vue({
130-
el: &#39;#app3&#39;,
111+
el: '#app13',
131112
data: {
132113
todos: [
133-
{ text: &#39;Learn JavaScript&#39; },
134-
{ text: &#39;Learn Vue&#39; },
135-
{ text: &#39;Build something awesome&#39; }
114+
{ text: 'Learn JavaScript' },
115+
{ text: 'Learn Vue' },
116+
{ text: 'Build something awesome' }
136117
]
137118
}
138119
})
139120
</script>
140-
141-
{% endraw %}
121+
{% endraw %}
142122

143123
# 处理用户输入
144124

@@ -164,25 +144,19 @@ new Vue({
164144
```
165145

166146
{% raw %}
167-
168-
169-
170-
<div id="app4" class="demo">
147+
<div id="app14" class="demo">
171148
<p>{{ message }}</p>
172149
<button v-on:click="reverseMessage">Reverse Message</button>
173150
</div>
174-
175-
176-
177151
<script>
178152
new Vue({
179-
el: &#39;#app4&#39;,
153+
el: '#app14',
180154
data: {
181-
message: &#39;Hello Vue.js!&#39;
155+
message: 'Hello Vue.js!'
182156
},
183157
methods: {
184158
reverseMessage: function () {
185-
this.message = this.message.split(&#39;&#39;).reverse().join(&#39;&#39;)
159+
this.message = this.message.split('').reverse().join('')
186160
}
187161
}
188162
})
@@ -229,7 +203,7 @@ new Vue({
229203
```
230204

231205
{% raw %}
232-
<div id="app5" class="demo">
206+
<div id="app15" class="demo">
233207
<input v-model="newTodo" v-on:keyup.enter="addTodo">
234208
<ul>
235209
<li v-for="(todo, index) in todos">
@@ -240,7 +214,7 @@ new Vue({
240214
</div>
241215
<script>
242216
new Vue({
243-
el: '#app5',
217+
el: '#app15',
244218
data: {
245219
newTodo: '',
246220
todos: [

0 commit comments

Comments
 (0)