mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
544 B
35 lines
544 B
7 years ago
|
<input type='number' bind:value='count'>
|
||
|
|
||
|
<ol>
|
||
|
{{#each ids as object @id}}
|
||
|
<Nested bind:value='idToValue[object.id]' id='{{object.id}}'>
|
||
|
{{object.id}}: value is {{idToValue[object.id]}}
|
||
|
</Nested>
|
||
|
{{/each}}
|
||
|
</ol>
|
||
|
|
||
|
<script>
|
||
|
import Nested from './Nested.html';
|
||
|
|
||
|
export default {
|
||
|
data() {
|
||
|
return {
|
||
|
idToValue: Object.create(null)
|
||
|
};
|
||
|
},
|
||
|
|
||
|
computed: {
|
||
|
ids(count) {
|
||
|
return new Array(count)
|
||
|
.fill(null)
|
||
|
.map((_, i) => ({ id: 'id-' + i}))
|
||
|
.reverse();
|
||
|
}
|
||
|
},
|
||
|
|
||
|
components: {
|
||
|
Nested
|
||
|
}
|
||
|
};
|
||
|
</script>
|