vue引入jquery的方法是什么

本篇內(nèi)容介紹了“vue引入jquery的方法是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

1.首先，在vue-cli中創(chuàng)建一個(gè)vue.js項(xiàng)目；

vue create project-name

2.vue.js項(xiàng)目創(chuàng)建好后，在項(xiàng)目中安裝jquery；

$ npm install jquery --save-dev

3.jquery安裝好后，在webpack.config.js配置文件中添加以下配置；

+ const webpack = require("webpack");
 module.exports = {    
          entry: './index.js',
  output: {        
path: path.join(__dirname, './dist'),
        publicPath: '/dist/', 
        filename: 'index.js'    
},  
+ plugins: [       
 new webpack.ProvidePlugin({ 
       Query: 'jquery',
         $: 'jquery'      
  }) 
   ]}

最后，webpack.config.js文件配置好后，使用import方法在項(xiàng)目中引入jquery即可；

import $ from 'jquery' ;

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫只關(guān)注視圖層，方便與第三方庫和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。

“vue引入jquery的方法是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！