Laravel y更正这不是您问题的答案，但是如果您使用基于组件的方法，您最好使用一个有自己组件的组件。您可以将as道具中的$tasks传递到中，例如：，并将其强制为JSON（请查看道具强制-仅在Vue 1.0.x中可用）。我可以向您展示一个示例，但我不想从您在这里实际提

---

y更正这不是您问题的答案，但是如果您使用基于组件的方法，您最好使用一个有自己组件的

组件。您可以将as道具中的

$tasks

传递到

中，例如：

，并将其强制为JSON（请查看道具强制-仅在Vue 1.0.x中可用）。我可以向您展示一个示例，但我不想从您在这里实际提出的问题中抹去。@tptcat如果您可以与您建议的基于组件的方法的示例共享一个JSBin/JSFiddle，那就太好了。关于最初的问题，我真正想问的是为什么在

v-for

指令中更改绑定表达式的长度时会出现这个无效表达式错误，所以我相应地更新了OP。请随意更正

Route::get('/', function () {
    $tasks = Task::where('id', '<', 11)->get();

    return view('welcome', [
        'tasks' => $tasks,
});

table
-------------------------------------------------
- id //a number
- body // a fake short paragraph
- timestamps // created_at, updated_at, etc....

var vm = new Vue({
    el: '#my-app',
    data: data,
});

Vue.component('todo-item', {
    template: '<li>{{ todo.body }}</li>',
    props: ['todo']
});

Vue.component('todo-items', {
    template: '<ul><li v-for="todo in todos">{{ todo.body }}</li</ul>',
    props: ['todos']
});

<div id="my-app">
    <h1>todo-item</h1>
    <ul>
        <todo-item v-for="todo in {{$tasks}}" :todo="todo"></todo-item>
    </ul>

    <h1>todo-items</h1>
    <todo-items :todos="{{$tasks}}"></todo-items>
</div>