localstorage 값 빼오기, v-for

<template>
    <div>
        <ul>
            <li v-for="(todoItem,i) in todoItems" v-bind:key="i">{{ todoItem }}</li>
        </ul>
    </div>
</template>

<script>
export default {
    data : function(){
        return{
            todoItems : []
        }
    },
    created : function(){
        if(localStorage.length > 0){
            console.log(localStorage.length);            for(var i = 0; i < localStorage.length; i++){
                this.todoItems.push(localStorage.key(i))
                console.log(localStorage.key(i));   
            }
        }
    }
}
</script>

<style>

</style>