vuejs : javascript의 구성 요소로 소품을 전달 하시겠습니까?

Question

어떻게하면 자바 스크립트 Vue component에 소품을 전달할 수 있습니까?

이것은 정상적으로 수행하는 방법입니다.

<child prop="value"></value> 

하지만 난이

var Child = Vue.extend({ 
    ... 
}); 
Chid.passProps({foo: 'bar'}) // some thing like this? 

처럼하고 싶지는 vue.js이 가능하다?

이 전체 코드입니다 : 기능 https://vuejs.org/v2/guide/render-function.html#createElement-Arguments 기본적으로 당신이 일환으로 렌더링 함수에 호출 소품을 통과해야

렌더링에 섹션을 읽어 보시기 바랍니다

var Child = Vue.extend({ 
    props: ['foo'], 
    methods: { 
     printIt: function() { 
      console.log(this.foo) 
     } 
    }, 
    template: '#example' 
}); 
var vm = new Vue({ 
    el: '#root', 
    data: { 
     foo: 'bar' 
    }, 
    render: function(createElement) { 
     return createElement(Child); // pass down foo 
    } 
}); 

link to jsbin

Answer 1

데이터 요소의 값

var vm = new Vue({ 
    el: '#root', 
    data: { 
     foo: 'bar' 
    }, 
    render: function(createElement) { 
     return createElement(Child, { 
      props: { 
       foo: this.foo 
      } 
     }) 
    } 
});