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

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 2
leo

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

7年前 评论

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

改成单引号就可以了

7年前 评论

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