programing

Vue, 렌더 방식으로 구성 요소에 데이터를 전달하려면 어떻게 해야 합니까?

prostudy 2022. 8. 1. 20:51
반응형

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

반응형