Если у вас есть опыт работы с 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 г.