vuejs: передача реквизита до компонента в javascript?

Question

Как я могу передать реквизит на javascript Vue component.

вот как я обычно это делаю.

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

, но я хочу, чтобы это сделать, как этот

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

это возможно в vue.js?

это полный код:

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

Пожалуйста, прочитайте раздел по визуализации функций https://vuejs.org/v2/guide/render-function.html#createElement-Arguments

По сути вы должны передать реквизит с вызовом функции визуализации в рамках элемента данных

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