Laravel 如何使用第三方组件

我有一个简单的任务组件，工作正常，希望添加分页功能，以便在添加以下内容时

Vue.component（'pagination'，require（'laravel-Vue-pagination'））

未捕获引用错误：未定义Vue

即使在我的app.js中，vue也是这样导入的

window.Vue = require('vue');

我的任务组件js代码

Vue.component('pagination', require('laravel-vue-pagination'));
    export default {
        data() {
            return {
                tasks: {},
            }
        },
        methods: {
            // Our method to GET results from a Laravel endpoint
//            getResults(page = 1) {
//                axios.get('http://laravel.vue.com/tasks?page=' + page)
//                    .then((response) => this.tasks = response.data)
//                    .catch((error) => console.log(error));
//            }
        },
        mounted() {
            console.log('Component Mounted.')
        },
        created() {
            console.log('Tasks Component Loaded.');
            //console.log(this.tasks);
            axios.get('http://laravel.vue.com/tasks')
            .then((response) => this.tasks = response.data)
//                .then((response) => console.log(response.data))
                .catch((error) => console.log(error));
        },
    }

---

我不确定，但试试这个： 在app.js中：

Vue.component('pagination', require('laravel-vue-pagination'));

在任务组件js代码中：

<pagination></pagination>

是否安装了vue.js？在html/blade页面的脚本标记中也包括app.js是的，我的列表与vue配合得很好，只是在添加分页时遇到了问题。我不知道如何在我的组件中添加3party组件。我做错了什么？我遵循本教程，不得不在我的组件中添加“从“Vue”导入Vue”，现在它正在工作以供参考：