Если у вас есть опыт работы с jQuery, мысль о том, что вы не сможете использовать jQuery во внешнем приложении, может вызывать стресс. К счастью, это не относится к Vue. Интеграция JQuery с Vue невероятно проста, и мы можем сделать это за несколько простых шагов.

Судя по всему, у jQuery есть много замечательных функций, которые вы, вероятно, захотите использовать.

В этом посте я предполагаю, что вы очень хорошо знаете, как работает Vue.

Установка jQuery

Для npm jQuery можно установить с помощью следующей команды:

npm i jquery

Для пряжи установите jQuery с помощью следующей команды:

yarn add jquery

Вы также можете следить за процессом установки на https://www.npmjs.com/package/jquery.

Импорт jQuery в Vue

Используя Vue CLI, у вас должен быть main.js. Импортируйте jQuery, используя ES6/ES2015.

main.js 
-------- 
import $ from 'jquery'

Обычно в том числе jQuery выглядят так

var $ = require('jquery')

Импорт jQuery в один компонент Vue

В основном вам нужен только jQuery в определенном компоненте. Однако это считается хорошей практикой.

Home.vue 
-------- 
import $ from 'jquery'

Вывод

Наконец, теперь мы можем установить и использовать jQuery в Vue. Я считаю, что использование jQuery в вашем приложении, вероятно, сэкономит вам много времени. Но у него могут быть проблемы с производительностью. Поэтому я рекомендую использовать пакеты vue, которые решают ту же проблему.

Кроме того, сообщение Несоответствие версий пакетов Vue может быть полезно, если у вас есть проблемы с вашим пакетом vue.

Первоначально опубликовано на https://anansewaa.com 27 декабря 2019 г.