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

Question

我已经下载了 Laravel 的官方 Passport 包，其中包含 Vue.js 个用于创建管理 OAuth 客户端的组件。
我是 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 的混合？

Answer 1

Vue.js 组件中的 jQuery 没问题。
当然可以。

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

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

如果你以后觉得有必要在你更熟悉的时候改变它，那也没关系。

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

jQuery code in Vue.js components in official Laravel Passport Package

jquery

twitter-bootstrap

laravel

vue.js

vue-component