VueJS에서 부모와 자식 컴포넌트 사이에 데이터를 서로 주고 받는 양방향 바인딩(Two way binding) 방법에 대하여 알아봅니다.먼저 컴포넌트 사이의 데이터를 주고 받는 방법은 여러가지가 있습니다. 전역 데이터를 사용하거나, 이벤트버스(EventBus), Vuex 아니면 Props를 사용할 수도 있죠. 여기서 Props를 사용하는 방법이 많이 사용되는데요 ~! Props를 사용한 컴포넌트간의 데이터 전송방법부모, 자식 컴포넌트 사이에 Props를 사용하면 부모에서 자식으로 데이터를 전송할 수 있지만 반대로 자식에서 부모로 전달할 수 없는 문제가 생깁니다. 그럼 어떻게하면 해결할 수 있는지 아래에서 알아봅니다.(참고사항. Vue 2 이전에는 props를 사용하여 동일한 스코프 모델명을 사용하면 서로
Last Modified : 2019-08-06 00:08:34react native에서 부모 컴포넌트의 값인 변수, 함수 또는 state를 자식 컴포넌트가 사용하는 방법에 대하여 알아봅니다.# react native 부모의 값 자식 컴포넌트 사용먼저 부모가 가진 값을 자식 컴포넌트가 사용하는 방법으로 props를 이용할 수 있습니다. props를 사용하여 변수나 함수를 전달할 수 있으며 이때 사용 방법은 아래와 같습니다.// app.jsimport Test from './test.js'export default Main extends React.component { render() { return ( <View> <Test sitename="'Webisfree'"></Test> </View> ) }}Main 컴포넌트는 부모
Last Modified : 2018-08-21 20:15:38VueJS에서 props로 콜론이 사용된 경우를 쉽게 볼 수 있습니다. 이때 콜론이 단독으로 사용된 경우도 볼 수 있는데 아래처럼 말이죠.여기서의 : 기호는 short-hand인 단축 키워드로 사용되었으며 이처럼 v-bind: 대신에 :을 사용할 수 있습니다. 아래의 예제코드를 보세요.<myComponent v-bind:do-something="..." /><myComponent :do-something="..." />위 두 컴포넌트에 사용된 prop 모두 동일합니다. 둘 다 do-something의 prop에 특정한 값을 전달하고 있습니다.: 콜론 기호를 사용하는 것과의 차이점은 문자열로 볼 것인지... 아니면 VueJS에서 사용되는 자바스크립트로 인식될 것인지의 차이입니다. 만약 :이 사용된 props
Last Modified : 2018-09-28 08:11:31