File tree Expand file tree Collapse file tree 3 files changed +22
-22
lines changed Expand file tree Collapse file tree 3 files changed +22
-22
lines changed Original file line number Diff line number Diff line change @@ -639,15 +639,15 @@ Let's see it in action with a very simple currency input:
639
639
640
640
``` js
641
641
Vue .component (' currency-input' , {
642
- template: `
643
- <span>
644
- $
645
- <input
646
- ref="input"
647
- v-bind:value="value"
648
- v-on:input="updateValue($event.target.value)">
649
- </span>
650
- ` ,
642
+ template: ' \
643
+ <span>\
644
+ $\
645
+ <input\
646
+ ref="input"\
647
+ v-bind:value="value"\
648
+ v-on:input="updateValue($event.target.value)">\
649
+ </span>\
650
+ ' ,
651
651
props: [' value' ],
652
652
methods: {
653
653
// Instead of updating the value directly, this
Original file line number Diff line number Diff line change @@ -93,7 +93,7 @@ If you need to compile templates on the fly (e.g. passing a string to the `templ
93
93
``` js
94
94
// this requires the compiler
95
95
new Vue ({
96
- template: ` <div>{{ hi }}</div>`
96
+ template: ' <div>{{ hi }}</div>'
97
97
})
98
98
99
99
// this does not
Original file line number Diff line number Diff line change @@ -259,12 +259,12 @@ Here's a complete example of a simple todo list:
259
259
260
260
``` js
261
261
Vue .component (' todo-item' , {
262
- template: `
263
- <li>
264
- {{ title }}
265
- <button v-on:click="$emit('remove')">X</button>
266
- </li>
267
- ` ,
262
+ template: ' \
263
+ <li>\
264
+ {{ title }}\
265
+ <button v-on:click="$emit(' remove' )">X</button>\
266
+ </li>\
267
+ ' ,
268
268
props: [' title' ]
269
269
})
270
270
@@ -306,12 +306,12 @@ new Vue({
306
306
</div >
307
307
<script >
308
308
Vue .component (' todo-item' , {
309
- template: `
310
- <li>
311
- {{ title }}
312
- <button v-on:click="$emit('remove')">X</button>
313
- </li>
314
- ` ,
309
+ template: ' \
310
+ <li>\
311
+ {{ title }}\
312
+ <button v-on:click="$emit(' remove' )">X</button>\
313
+ </li>\
314
+ ' ,
315
315
props: [' title' ]
316
316
})
317
317
new Vue ({
You can’t perform that action at this time.
0 commit comments