VUE+Larvel4.1 props 传数据出现错误

刚刚学习Vue ,然后想写个ajax,然后发现数据格式有问题,报如下错误

Attributes ***(省略) are ignored on component because the component is a fragment instance: http://vuejs.org/guide/components.html#Fra...

<div class="container" id="app">
                <tasks-app list="{{$tasks->toJSON()}}"></tasks-app>
  </div>

<template id="tasks-template">
            <h1>我的任务</h1>
            <ul class="list-group">
                    <li class="list-group-item" v-for ="task in list">
                        @{{task.body}}
                    </li>
            </ul>
        </template>
Vue.component('tasks-app',{
            template:'#tasks-template',
            props:['list'],
            created:function () {
                this.list = (this.list)
            }

        })

        var app = new Vue({
            el:'#app',
        })

应该是 this.list传值的时候写错了 或者上面list=“{{$task}}”有问题,目前不知道怎么修改?

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 2
leo

json字符串应该用 :list="{{xxx}}",注意前面的冒号,否则vue会把list当成一个普通字符串

7年前 评论

@leo 恩 我写成了
list=‘{{$tasks->toJSON()}}’

改成单引号就可以了

7年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!