雖然在Vue中不推薦使用jQuery，但有時候要使用一個外掛，這個外掛又依賴於 jQuery ，則沒有更好的辦法

寫在前面的話
如果實在是因為無法避免的原因，需要在 Vue 專案中使用到 jQuery
則建議使用區域性引入的方式，就是哪個檔案需要用到 jQuery ，就在哪個檔案中引入
在網上搜 “Vue 引入 jQuery” ，能找到的基本上都是全域性引入的方式
會涉及到需要修改 webpack 的配置檔案
或者使用 expose-loader 的外掛來實現 jQuery 的區域性引入
其實沒必要，就普通的引入方式即可

解決方式

安裝 jQuery

1. 在專案的package.json中安裝 jQuery ，這個是必須的
   • 之後執行npm i
     即可實現安裝

“dependencies”: {
  ...
  “jquery”: “^1.12.4”
}

或者

npm install jquery

引入第三方外掛

1. 前往需要用到外掛的.vue檔案中，在<script>頂部引入以下程式碼
2. 由於 jQuery 是使用 webpack 安裝的，所以通過 import 引入，並指定別名
3. 外掛則是本地引入的，所以使用 require 的方式

import $ from ‘jquery’

window.jQuery = $
require(‘assets/plugins/pictureTag/picture.tag’)

4. 新增window.jQuery = $
   則是因為外掛內部會需要使用名為jQuery的引用

(function (window, $) {
...
})(jQuery(window), jQuery)

使用第三方外掛

1. 由於 jQuery 相關外掛基本上涉及到操作 DOM 元素
2. 所以需要在$nextTick中使用
3. 之後按照傳統的 jQuery 操作方式編寫外掛呼叫程式碼即可

this.$nextTick(() => {
  ...
})

來源:https://blog.csdn.net/asing1elife/article/details/102873835