vue.jsでデータを渡すことができません

Question

私はvue.jsで新しいです。 私はwebpack + vue-cliを使用しています。

しかし、私はこのように親から子へ

コードをデータを渡すことはできません。..

<template lang="html"> 
 
    <div> 
 
    <input v-model="parentMsg"></input> 
 
    <br> 
 
    <child v-bind:msg="parentMsg"></child> 
 
    </div> 
 
</template> 
 

 
<script> 
 
import child from './components/lists' 
 
export default { 
 
    data: function() { 
 
    return { 
 
     parentMsg: '' 
 
    } 
 
    }, 
 
    computed: {}, 
 
    ready: function() {}, 
 
    attached: function() {}, 
 
    methods: {}, 
 
    components: { 
 
    child 
 
    } 
 
} 
 
</script>

<template> 
 
    <div> 
 
    {{msg}} 
 
    </div> 
 
</template> 
 

 
<script> 
 
export default { 
 
    data: function() { 
 
    return { 
 
     msg: '' 
 
    } 
 
    } 
 
} 
 
</script>

をワシントン州ではyは... はどのように

parent: data: array[...], 
I want to bind the first of children's data to arr[0] 
second to array[1].. 

これは可能..です親配列に子コンポーネントをバインドするには？またはv-forを使用しますか？あなたの子コンポーネントで

Answer 1

のように親データを受信するpropsプロパティを使用します。このhere