setup() 의 return 는 언제나 객체로

각 primitive type 들을 별도의 변수로 갖는것보다는

객체로 묶어서 관리하는것이 항상 좋은 방법이다.

/* bad */

setup() {

  const name    = 'park';
  const year    = 1985;
  const age     = 35;
  const friends = ['lee', 'kim', 'jeong', 'choi'];

  return { name, year, age, friends };

}

 보다는...

/* good! */

setup() {

    const state = {

        name    : 'park',
        year    : 1985,
        age     : 35,
        friends : ['lee', 'kim', 'jeong', 'choi']

    }

    return { state };

}

가 좋다.

 

reactive 함수를 호출할때도 편하다.

<script>

  import { reactive } from 'vue'

  export default {

    setup() {

      const state = reactive({

        name    : 'park',
        year    : 1985,
        age     : 35,
        friends : ['lee', 'kim', 'jeong', 'choi']

      })

      return { state }

    }
    
  }

</script>