vue中怎么安裝使用jquery

這篇文章主要介紹“vue中怎么安裝使用jquery”，在日常操作中，相信很多人在vue中怎么安裝使用jquery問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”vue中怎么安裝使用jquery”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

vue如何安裝使用jquery

首先 npm install jquery --save安裝依賴文件

然后在 自己的vue.config,js文件中 進行加載 (要是沒有就自己新加一個，在最外層)

將jquery導入進去

module.exports = {
  chainWebpack: config => {
    config.plugin('provide').use(webpack.ProvidePlugin, [{
      $: 'jquery',
      jquery: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }])
  }
}

然后在你需要的地方

import $ from 'jquery'

vue使用npm 安裝 jquery、bootstrap

引入jquery

npm install jquery --save-dev

然后在build文件夾下的webpack.base.conf.js文件中添加如下代碼

//module.exports 上面添加
var webpack = require('webpack')
//module.exports 里面添加
plugins:[
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
        jQuery:'jquery',
        $:'jquery'    
    })
]

然后進行測試， 驗證是否引入成功

在需要用到jquery的頁面<script>中引入

import $ from 'jquery'

引入bootstrapvue并安裝bootstrapvue

npm i vue bootstrap-vue bootstrap

然后再項目入口文件main.js中添加以下代碼

import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue)
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

到此，關于“vue中怎么安裝使用jquery”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>