一、絕對路徑直接引入，全域性可用
主入口頁面 index.html 中用 script 標籤引入：
由於開啟了 eslint 檢測，所以會報乙個 warning[警告] ：'$' is not defined 。需要加 /* eslint-disable */
二、絕對路徑直接引入，配置後，import 引入後再使用
還是先在主入口頁面 index.html 中用 script 標籤引入：
然後，在 webpack 中配置乙個 externals
externals:
這樣，就可以在每乙個元件中用 import 來引用這個 jquery 了。
`import $ from 'jquery'
export default
}`三、webpack中配置 alias，import 引入後再使用
只需要在 webpack 的配置檔案中，在 resolve 中為 jquery 新增乙個 alias[別名] 。
resolve: }
在任意元件中，通過 import 的方式來使用 jquery 了
四、webpack 中配置 plugins，無需 import 全域性可用
在第三種的基礎上，如果我們增加乙個 plugins 的配置，那麼，我們在使用的時候，無需 import $ from 'jquery' 也可以
resolve: }, plugins: [ new webpack.provideplugin() ]
在專案中，就可以直接使用 $ 了。
Vue 中如何引入第三方 JS 庫
我們以 jquery 為例，來講解 主入口頁面 index.html 中用script標籤引入 這樣，其實就已經可以在專案中使用 jquery 了。mounted 我們來看一下 偵錯程式 截圖 可以看到，我們是可以正常列印出 jquery 的。由於我的專案開啟了 eslint 檢測，所以也會報乙個 ...
VUE引入第三方外掛程式
vue 引入第三方外掛程式方法 1 如果是第三方 npm 模組檔案 檔案統一放入src assets js 資料夾下 統一在main.js 內引入 import parse from assets js plugin.js import assets js plugin.js 2 如果是第三方非 n...
vue 中引入第三方js庫
以 jquery 為例 主入口頁面 index.html 中用script標籤引入 這樣，其實就已經可以在專案中使用 jquery 了。mounted 我們來看一下 偵錯程式 截圖 可以看到，我們是可以正常列印出 jquery 的。由於我的專案開啟了 eslint 檢測，所以也會報乙個warning...