개발일기

[Vue.js] 상위 컴포넌트에서 props로 하위 컴포넌트로 데이터 전송

삐삐들의 주인 2021. 10. 15. 11:54

상위 컴포넌트 

sendType : 이게 키값이 되는거고 하위 컴포넌트에서 sendType를 통해 값을 전달 받는다

<menu-tab-component v-bind:sendType="checkType" />

 

하위컴포넌트

export default {
    props : ['sendType'],

    data() {
        
        return{
          
        }
    },
    methods: {

        }
    },

    mounted() {

    },
    created() {
        console.log(this.$props.sendType)

    }
}