官方 Laravel Passport 包中 Vue.js 组件中的 jQuery 代码

Posted 2023-02-23

【中文标题】官方 Laravel Passport 包中 Vue.js 组件中的 jQuery 代码

【英文标题】：jQuery code in Vue.js components in official Laravel Passport Package

【发布时间】：2017-08-21 21:47:08

【问题描述】：

我已经下载了 Laravel 的官方 Passport 包，它带有用于创建管理 OAuth 客户端的 Vue.js 组件。 我是 Laravel 和 Vue.js 的新手，所以我开始阅读它的代码，想知道它们是如何编写 Vue 组件的。 我在 Clients.vue 中找到了以下代码：

         /**
         * Show the form for creating new clients.
         */

        showCreateClientForm() 
            $('#modal-create-client').modal('show');
        ,

        prepareComponent() 
            this.getClients();

            $('#modal-create-client').on('shown.bs.modal', () => 
                $('#create-client-name').focus();
            );

            $('#modal-edit-client').on('shown.bs.modal', () => 
                $('#edit-client-name').focus();
            );
        ,

由于这是一个很大的组件，所以我在这里只粘贴这两种方法。 1- 可以在 Vue.js 中编写 jQuery 代码吗？ Vue.js 使用虚拟 DOM，而 jQuery 使用实际 DOM。 2- 我有一个完全用 bootstrap 和 jQuery 制作的 html 模板，我打算使用 Vue.js，我会像上面那样编写代码吗？ Vue.js 和 jQuery 的混合体？

【参考方案1】：

Vue.js 组件中的 jQuery 没有任何问题。 好的，没关系。

请注意，您的问题是关于题外话的best practices。这是因为它们一直在变化，尤其是在项目开发人员的要求下。

利用你觉得舒服的东西。让它工作。发货吧。

如果以后熟悉了以后觉得有必要改，也没关系。