Using jQuery components in Vue?

Question

JavaScript

Good afternoon.
How to properly use jQuery plugins in Vue components.
Inside the component, I connect the plugin like this:

import $ from 'jquery'
import mask from '../assets/jqplugins/jquery.maskedinput'

I use like this:

mounted() {
        $('mask.').mask("99/99/9999");
    }

But in the console there is an error ReferenceError: jQuery is not defined
Although jQuery works without plugins

(I use the mask plugin just for an example)

Thanks in advance.

Answer 1

Have you considered writing your own directive or component? On vue, there are no problems, or in extreme cases, use a ready-made one for vue. IMHO JQ in vue smacks of perversion, unexpected bugs, etc.

Answer 2

The problem is in the order of adding dependencies.
Look in the assembly how jQ and mask go. I'm sure the mask is connected before.