1 . 보여주는 곳은 계속 바뀌어야 하는 곳이므로 고정 컴포넌트가 되면 안된다
- router-view를 사용하자
- router 파일 수정하자 → router의 param에 맞춰서 보여주는것을 다르게 하기 위해 동적으로 생성
2. views/item-list 를 만들자
- item-list 의 역할은 components/item을 가져다가 뿌려주는 역할 → v-for을 통해서 여러개를 보여줄 수 있어야함
- 여기서는 일단 가상의 data를 통해서 만든다
- 기본 구조 생성 후 가상의 예시 data를 만들어 놓는다
- template안에 v-for를 통해서 data를 뿌려놓을 수 있게 한다
3. componts/item에서 prop을 설정
- item-list는 item 컴포넌트를 재사용하는 것. 따라서 item에서 사용할 값들을 전달해줘야한다.
- prop으로 받아야 할 요소들을 data에서 설정
- 태그 부분에서 checked가 되어야 하는 부분은 분기 설정
4. item을 제어하는 부분에 watch를 만들어 주자
- item은 item-list에서 보여준다
- item에 상태(:status)에 따라서 보여주는 것들이 달라져야한다
- 따라서 상태값을 계속 주시하다가 그 상태에 맞춰서 data를 만들어주는 기능이 필요로 하다
- item을 보여주는 array를 다른걸로 바꾸자
- item을 렌더하는 부분(v-for)의 array도 바꾸자