app.vue 내용에서 빠진게 있나요?

<script>
import { reactive } from '@vue/reactivity';
import { onMounted } from '@vue/runtime-core';


export default {
  name: 'App',
  components: {

  },
  setup() {
    const data = reactive({
      boardList: []
    });
    const getList = () => {
      fetch('http://localhost:9000/board')
      .then(response => response.json())
      .then(response => {
        data.boardList = response.data;
      });
    };
    onMounted(() => {
      getList();
    });
    return {
      data: data,
      getList: getList
    }
  }
}
</script>

소스는 위처럼 만들었는데...<a v-if="data.boardList.length == 0"

이부분에서 length 프로퍼티가 존재하지 않는다고..계속 에러뜨네요

강의 중 소스내용수정중 안넣은게 있나요?

const getList라든가 onMounted 넣기 전에는 에러안나더니

마저 강의대로 소스 내용위처럼 채우니 length 프로퍼티 에러가

왜 나는지 이해가 안가네요..첨부터 나던지해야할텐데..

그리고 자바에서 controller에서 /board 라고 호출할때

List<Board> 형태로 리턴하고 @ResponseBody로 선언해서

json형태로 리턴되게 메소드 만들어두면 되나요?

자바소스좀 간단하게 해당 메소드 소스좀 볼수있을가요?

만약 위의 json리턴형태가 메소드가 잘 만들어졌다면

데이타를 그리고 정상적으로 가져온다면 length 프로퍼티 에러나는

if구문쪽 빼면 화면에러는 안나니..데이타는 뿌려줘야할텐데

데이타역시 안나오네요 ㅠㅠ

인프런 커뮤니티 질문&답변