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}}”有问题,目前不知道怎么修改?

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2
leo

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

8年前 评论

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

改成单引号就可以了

8年前 评论

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