vue3 ref 접근

    export default {
        setup(){
            //data
            const items =ref([]);

            //methods
            function fetchTodos(){
                for(let i = 0; i < localStorage.length; i++){
                    const todoItem = localStorage.key(i);
                    items.value.push(todoItem);
                }
            }

            fetchTodos();

            return {items, fetchTodos};
        }
    }

 

메소드에서 ref 변수를 접근하기 위해서는 .value로 접근할 수 있다. 다만 ref의 속성에 따라 변화가 있을 것도 같다.

 

fetchTodos는 해당 컴포넌트가 생성될 때에 발생하도록 만드렁 뒀다.