vue內置jquery嗎

WBOY
發布: 2022-06-09 18:17:32
原創
2739 人瀏覽過

vue中沒有內建jquery;vue中想要使用jquery的特定功能需要引入jquery套件。引入方法:1​​、修改“package.json”,新增jquery版本;2、在終端機中輸入“npm install”並且導入依賴;3、修改“webpack.base.conf”程式碼;4、利用“import $ from ' jquery'”引入即可。

vue內置jquery嗎

本教學操作環境:windows10系統、Vue3&&jquery3.4.1版本、Dell G3電腦。

vue內建jquery嗎

vue沒有內建jquery

Vue專案裡使用jQuery是完全可行的,而且完全符合Vue的工作思想,本質上,將jQ視為一個對Vue適配度不高的Vue插件就行了,雙向綁定工作需要你自己來完成而已。

Vue中使用jquery

在vue專案中,需要實作某些特定的功能時,使用mvvm模式不易實作。因此引入jquery套件來完成需求

1、修改package.json

  首先在package.json裡的dependencies加入"jquery" : "^2.2.3"

  當然你可以修改你想引入的版本,這裡引入2.2.3

vue內置jquery嗎

2、導入依賴

#  在終端機裡輸入npm install,導入依賴。

3、修改webpack.base.conf 

  程式碼如下,看圖片修改;

var webpack = require("webpack")
登入後複製
plugins: [ 
    new webpack.ProvidePlugin({
          $:"jquery", 
          jQuery:"jquery", 
         "windows.jQuery":"jquery"
 }) 
],
登入後複製

vue內置jquery嗎

vue內置jquery嗎

vue內置jquery嗎


#### ###########4、在元件中引入jquery,進行使用##########  我們想要在哪個元件中使用jQuery函式庫,首先要使用以下指令引入jquery,然後就可以正常使用了######  這裡我們在main.js裡面進行全域引入###
import $ from 'jquery'
登入後複製
############影片教學推薦:###jQuery影片教學#### #####

以上是vue內置jquery嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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