首頁 > web前端 > Vue.js > 主體

vue.js如何安裝jq

藏色散人
發布: 2020-12-17 16:33:59
原創
4446 人瀏覽過

vue.js安裝jq的方法:先透過指令「npm install jquery --save」安裝JQuery;然後修改設定檔;接著在main.js檔案中引入JQuery;最後重新啟動專案即可。

vue.js如何安裝jq

本教學操作環境:windows7系統、vue2.0&&jquery1.0版本,此方法適用於所有品牌電腦。

推薦:《vue教學

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

vue.js的資料渲染方式已經很方便且強大了,不需要使用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如何安裝jq

#修改為新增一點.

vue.js如何安裝jq

#

以上是vue.js如何安裝jq的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板