vue js // setup()함수안에서 props 데이터 사용하기.

#문제

메서드로 함수내에서 프롭스로 받아온 데이터 쓰는건 가능한데

난 setup()함수내에서 쓰고 싶었다.

근데 this로 불르든 뭐든 다 안되더라..

 

 

그래서 props를 먼저 받아오고 setup함수에 파라미터로 넣어주니 작동이 됐음.

<template>

  <p>hello from test</p>

  <p>{{testData}}</p>

</template>

<script>

export default {

    props : {

        testData : Object,

    },

    setup(props){

        console.log(props.testData.data)

        return {

        }

    },

}

</script>

<style>

</style>

이게 코드임

 

프롭스 키값을 setup보다 먼저 선언해주고

setup 파라미터안에 props 로 넣고

스코프안에서 props. ~~로 데이터 끄집어내서 쓸수 있음.

 

 

 

공식문서

Setup | Vue.js (vuejs.org)

Setup | Vue.js