Use jQuery with Vue

laravel loads it like

try {
    window.$ = window.jQuery = require('jquery');
} catch (e) {}

and just attaches it to the global window object.

In a default laravel installation they do it like this:

window.$ = window.jQuery = require('jquery');

Wouldn't you be able to do the same?

I have tried to add this lines to my component (they didn't work)

import JQuery from 'jquery'
let $ = JQuery

and this lines to bootstrap.js file

window.$ = require('jquery')
window.JQuery = require('jquery')

@cronix and @grenadecx neither of yours solutions worked :/

You should just need

window.$ = window.jQuery = require('jquery')

$ and jQuery are now global. Just use them in your Vue code.

let data = $('#something');
// let data = jQuery('#something');

If "its not working," show how you're using jquery inside Vue.

If you can go to your browsers console and just type $ and enter, and it shows a function instead of an error, then jquery is loaded and it's your use of it in Vue that is not correct.

I figured it out, thanks. So when I did it like this

window.$ = window.jQuery = require('jquery')

in my bootstrap.js file and then typed $ in my console, I saw that the function I'm trying to use is called getJSON not getJson.

Thanks everybody!