Bolehkah jq dan vuejs dicampur?

jq dan vuejs boleh dicampur Kaedah: 1. Gunakan alat npm untuk memasang jquery; 2. Konfigurasikan fail "webpack.base.conf.js" dan "module.exports". js" , gunakan "import 'jquery'" untuk memperkenalkan jq.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Kadang-kadang apabila saya memikirkan tentang vue.js, secara automatik saya akan terfikir untuk menggunakan perancah vue-cli untuk membina projek Namun, kadangkala senario perniagaan tidak sesuai untuk menggunakan perancah vue-cli Ini Apabila menggunakan vue jquery bercampur-campur, menggabungkan kelebihan mereka akan meningkatkan kecekapan pembangunan.

Cara menggunakan jquery dalam projek vue

1.

Masukkan direktori akar projek dan jalankan: npm install jquery --save

Pakej projek.json akan menambah maklumat pergantungan secara automatik

2 Konfigurasi Webpack

Cari projek Dalam fail webpack.base.conf.js dalam direktori binaan, perkenalkan: var webpack = require('webpack')

dan kemudian tambahkan sekeping kod dalam module.exports,

resolve: {
....
},
//添加jquery
plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  }),
],
module: {.....

3 . Cari utama projek .js, tambah kod berikut: import 'jquery'

Gunakan seperti ininpm run dev Jalankan semula projek

Uji, ujian peribadi berjaya

<el-row id="form">....
jqueryTest(){
 console.log($("form"))
}

Cadangan berkaitan: "tutorial vue.js》

Atas ialah kandungan terperinci Bolehkah jq dan vuejs dicampur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!