Phot_o_matic Programming

vue에서도 react처럼 자식 컴포넌트에게 props를 넘겨줄 수 있다. 자식 컴포넌트에서는 부모가 내려준 props를, 자신의 data로 사용할 수도 있고 조건부 렌더링의 조건으로만 사용할 수도 있을 것이다. 부모 컴포넌트 Parent.vue Passing props by static way &lttemplate> &ltdiv> &ltChild msg="giveprops">&lt/Child> 위아래 모두 같은 값을 다른 표현으로 props 넘겨주고 있다. &ltChild :msg="giveprops">&lt/Child> &lt/div> &lt/template> 부모로부터 변동되지 않는 값을 자식에게 넘겨줄 땐, 정적인 props로 넘겨준다. Passing Dynamic props way &lttemp..

Programming/Vue 2019. 8. 3. 19:08

props react를 떠올려 보며 props를 이해해보자. props를 통해 특정 컴포넌트로 원하는 값을 주어지게 할 때 사용한다. kebop-case HTML 태그 내에서 props 값을 지정할 때에는 이름을 kebop-case로 작성해야 한다. script 내에서 props를 받거나 component 명명할 때에는, camelCase로 작성해도 자동으로 인식한다. props 받기 props는 컴포넌트 생성자 내에서 props: [props 이름]으로 받는다. webpack이 왜 필요한데? html 내에서 수많은 script src를 참고하는 경우가 있을텐데, 이 때에 보기도 어려울 뿐더러, 작성 순서도 고려사항이기 때문에 사용하는 데에 어려움이 있다. webpack을 사용하여 이런 문제를 해결해본다..

Programming/Mindchain 2019. 7. 25. 13:02