1
私はVue
で遊び始めましたが、props
を使ってデータをコンポーネントに渡そうとすると問題が発生しました。 (Hello.vue
中)this.myData
以下のコードでは、いくつかの理由でundefined
あるVuejs - 小道具を持つ親から子にデータを渡す
App.vue
<script>
import Hello from './components/Hello'
export default {
name: 'app',
data() {
return {
myData: 'this is my data'
}
},
components: {
Hello
} ...
</script>
Hello.vueあなたは親のように子コンポーネントを使用する必要が
<script>
export default {
name: 'hello',
props: ['myData'],
data() {
return {
msg: 'Welcome to Your Vue.js App'
}
}
mounted: function() {
console.log(this.myData)
}
} ...
</script>
へのリンクを掲載しています。したがって、データは常にテンプレートを通過する必要がありますか?もし私がちょうど実際にそれをレンダリングせずにデータを渡したいのであれば(例えば、いくつかの設定のような)? –
あなたのケースでは、 'eventBus'やvuexストアを使うようなテンプレートのレンダリングが不要なコンポーネント間のデータ交換を実現する方法があります。小道具は最善の方法で、子をレンダリングする必要がありますテンプレート内のコンポーネント。方法はありますが、私の答えはそれで更新されますが、レンダリング機能が呼び出されます。それは大丈夫だと思われますか? –
ありがとう!私は小道具を使って気にしない。それを行う正しい方法と思われます。データはテンプレートを介して送信されるということは理解できません。 –