vue 專案中使用 jquery

2021-09-24 04:16:33 字數 956 閱讀 5273

在 vue 專案中使用 jquery,具體步驟如下

1、npm 安裝 jquery

命令如下,@ 後邊指定安裝的 jquery 版本

npm install [email protected]
不加 @ 會安裝最新版本

npm install jquery
命令執行成功後,會在 package.json 檔案中自動生成"jquery": "^3.2.1",

2、在 webpack 中進行配置

找到 webpack.base.conf.js 檔案,新增如下配置

首先引入 webpack(已經引入的不用再引)

其次,在 module.exports 中新增如下配置

3、在 main.js 檔案中引入 jquery

import $ from 'jquery'
至此,即可在專案中使用 jquery

4、測試

測試jquery

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...

vue專案中使用vuex

import vue from vue import vuex from vuex import mutations from mutations import actions from actions import getters from getters import from utils au...