父组件

//向子组件传递父组件data中的items
<ForecastList items='items'></ForecastList>

 data: function () {
            return {
                items: [
                    {message: 'foo' },
                    {message: 'Bar' }
                ]
            };

子组件接收得不到父组件中的items，父组件传递数据格式写错了吗？

    props: ['items'],
    mounted:function(){
      console.log(this.items)
    }

ringa_lee

全部回复(2)

ringa_lee2017-04-10 17:35:48 2楼

<p id="demo">
        <todo-item v-for="item in list" :a="item"></todo-item>
    </p>

Vue.component('todo-item',{
            props: ['a'],
            template: '<p>{{ a.text }}</p>'
        })

var vm = new Vue({
            el: '#demo',
            data: {
                list: [
                    { text: 'Learn JavaScript' },
                    { text: 'Learn Vue' },
                    { text: 'Build something awesome' }
                ]
            }
        })