vuejs：javascriptのコンポーネントに小道具を渡しますか？

Question

どのように私は小道具をjavascript 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 
      } 
     }) 
    } 
});