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}}”有问题,目前不知道怎么修改?
json字符串应该用
:list="{{xxx}}"
,注意前面的冒号,否则vue会把list当成一个普通字符串@leo 恩 我写成了
list=‘{{$tasks->toJSON()}}’
改成单引号就可以了