vuejs: javascript'teki bir bileşene geçiş yapma?

Question

Bir javascript Vue component'a nasıl prodüksiyon yapabilirim.

Normalde böyle yaparım.

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

ama bu

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

gibi yapmak istiyorum vue.js bu mümkün mü?

bu tam kodu: fonksiyonlarını https://vuejs.org/v2/guide/render-function.html#createElement-Arguments Esasen parçası olarak işlemek işlevine çağrı ile sahne geçmesi gerekiyor

hale bölümüne okuyunuz

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

Veri elemanının

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