반응형
Vue, 렌더 방식으로 구성 요소에 데이터를 전달하려면 어떻게 해야 합니까?
이것이 주요 vue 컴포넌트입니다.Ajax 요청을 하고 다른 파일의 독립 실행형 구성 요소인 앱 구성 요소에 렌더 방식으로 데이터를 전달하고 싶습니다.이 데이터를 전달하려면 어떻게 해야 하며 앱 구성 요소에서 데이터를 가져오려면 어떻게 해야 합니까?나는 Vue를 배우고 있다. 나는 이것을 어떻게 하는지 안다.<template></template>
이 방법으로 할 수 있는지 알고 싶습니다.
new Vue({
el: '#app',
data: {
data: {}
},
mounted() {
axios.get("http://stag.cyberserge.com:4000/autos").then(res => this.data = res.data)
},
render: h => h(App, this.data)
});
그것을 재산으로 넘겨라.
render(h){
return h(App, {props: {appData: this.data}})
},
이 메뉴얼을 참조해 주세요.
앱 구성 요소에서 속성으로 appData(또는 원하는 것)를 추가합니다.
export default {
props: ["appData"],
...
}
다음은 이 작업의 예입니다.
언급URL : https://stackoverflow.com/questions/44426862/vue-how-do-i-pass-data-to-component-in-render-method
반응형
'programing' 카테고리의 다른 글
사용자가 Nuxt/Vuex/Vue를 사용하여 브라우저의 Back 버튼을 통해 라우팅할 수 있는지 여부를 검출합니다. (0) | 2022.08.01 |
---|---|
개체(...)가 Vuex 스토어의 함수가 아닙니다. (0) | 2022.08.01 |
메서드의 삭제가 형식의 다른 메서드와 동일합니다. (0) | 2022.08.01 |
스토어 모듈을 구독하는 방법 (0) | 2022.08.01 |
메서드 값을 다른 컴포넌트에 전달하다 (0) | 2022.07.31 |