您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關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的方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。