我有一个新闻页面，正在被Vue和Vue Isotope加载。Vue Isotope要求我的数据是一个数组，这样当用户点击“加载更多”按钮时，我可以将更多的文章添加到isotope中。其工作方式是，当用户点击“加载更多”时，使用Laravel的分页功能，我可以简单地将下一个加载的文章添加到Vue示例中现有的文章数组中。
我遇到的问题是，我的Laravel集合总是返回一个对象而不是一个数组，即使我使用toArray()。
如果我使用get()直接从elongate加载我的文章，这很好，是一个数组，但是因为我需要合并多个elongate查询，我被迫使用一个集合和merge()将4个elongate查询合并到一个大集合中。我相信这就是强制集合总是作为对象返回的原因。
下面是我从控制器的功能：

public function apiIndex()
{
    $articles = Article::latest('featuredArticle')->latest()->published()->get();
    $twitterPosts = TwitterPost::where('published', 'published')->get();
    $facebookPosts = FacebookPost::where('published', 'published')->get();
    $vimeoPosts = VimeoPost::where('published', 'published')->get();

    $articles->map(function ($post) {
        $post['type'] = 'Article';
        return $post;
    });

    $twitterPosts->map(function ($post) {
        $post['type'] = 'Twitter';
        return $post;
    });

    $facebookPosts->map(function ($post) {
        $post['type'] = 'Facebook';
        return $post;
    });

    $vimeoPosts->map(function ($post) {
        $post['type'] = 'Vimeo';
        return $post;
    });

    $allPosts = collect();

    $allPosts = $allPosts->merge($articles);
    $allPosts = $allPosts->merge($twitterPosts);
    $allPosts = $allPosts->merge($facebookPosts);
    $allPosts = $allPosts->merge($vimeoPosts);

    $allPosts = $allPosts->sortByDesc('created_at')->paginate(15);

    return response()->json($allPosts);

}

最接近我已经能够得到的是通过添加->values()到$allPosts的末尾，但这删除了下一页的分页链接，只检索实际的职位，所以我不能使用这个。
下面是一个小片段，用于将初始$allPosts数据检索到Vue中

mounted () {
        axios.get(this.page)
        .then(response => ([
            this.list = response.data.data,
            this.page = response.data.next_page_url
        ]))
    },

下面是用户单击“Loadmore”按钮时调用的方法的代码片段

loadMore: function() {
            axios.get(this.page)
            .then(response => ([
                this.paginatedList = response.data.data,
                this.list.push(this.list, this.paginatedList),
                this.page = response.data.next_page_url
            ]))
        },

因为响应是一个对象，所以使用this.list.push()不起作用并抛出错误，因为this.list应该是一个数组。
另外，这里是我的Vue数据对象的一个片段

data: {
            page: "{{route('api-news')}}",
            list: [ 

            ],
            paginatedList: [

            ],
},

我的list对象的图像（其中list应该是数组）：

如何强制$allPosts作为数组返回？