Why can't Vue.js v-for list output?

Question

Vue.js

Tell me what's wrong. I've been fighting for an hour now. Does not display a list, for the life of me.

<template>
    <ul id="example-1">
        <li v-for="todo in items">
            {{ todo }}
        </li>
    </ul>
</template>
<script>
    export default {
        data:{
            items: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6']
        },
    }
</script>
<style>
</style>

Answer 1

Считаете чтение документации излишним? Очень зря. Ведь иначе вы бы знали, что data должна быть функцией:

data() {
  return {
    items: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6'],
  };
},