溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue.js安裝jquery的方法

發(fā)布時間:2020-12-16 14:11:00 來源:億速云 閱讀:386 作者:小新 欄目:編程語言

這篇文章給大家分享的是有關vue.js安裝jquery的方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

vue.js安裝jq的方法:首先通過命令“npm install jquery --save”安裝JQuery;然后修改配置文件;接著在main.js文件中引入JQuery;最后重啟項目即可。

安裝使用 JQuery 目的是為了 ajax 的請求 和 少部分DOM操作

vue.js 的數(shù)據(jù)渲染方式已經(jīng)很方便和強大了,不需要使用JQuery進行這方面的操作

1、安裝JQuery

npm install jquery --save

2、安裝成功后修改配置文件

build 文件夾下的文件 webpack.base.conf.js 中加入如下代碼:

頭部加入,引入該文件:

var webpack=require("webpack")

在module.exports 中添加

plugins: [
 new webpack.ProvidePlugin({
 jQuery: "jquery",
 $: "jquery"
 })
]

3、在main.js文件中引入JQuery

import $ from 'jquery'
//或   
import jQuery from 'jquery'

4、重啟項目即可

npm run dev 
//或  
npm run start

5、npm run build打包后的index.html 文件 訪問打包后的js和css文件時找不到,原因是路徑的指向不正確

修改 config 文件夾里面的index.js配置

原配置:

vue.js安裝jquery的方法

修改為添加一點.

vue.js安裝jquery的方法

感謝各位的閱讀!關于vue.js安裝jquery的方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI