vue学習三vueプロジェクトにjqueryを正しく追加
1.vueプロジェクトを使用した後、htmlインタフェースのデータを処理するのは確かに便利で適用できるが、それに伴って機能点の需要が更新され、vueプロジェクトにも実現できない機能があることが分かった.
2.インタフェースでjqueryを使用するfullpageプラグインが必要ですが、vueプロジェクトにjqueryをインポートする必要があります.
3.この場合のインポートjqueryは、元のscriptではなく、コマンドラインインストールおよび構成データが必要です
このときcnpmであればcnpmに変更
4.jqueryをインストール後、プロファイルデータaを変更するpackageを開く必要がある.jsonファイルは、この行のコードを追加し、jqueryの後ろにあるバージョンは、あなた自身のニーズに応じて変更されます.
b.webpack.dev.conf.jsでmodule.exportsの最後にこの行のコードを追加し、
c.main.jsに導入し、次の行のコードを追加します.
5.最後の一歩、走り直せばいい、npm run dev
2.インタフェースでjqueryを使用するfullpageプラグインが必要ですが、vueプロジェクトにjqueryをインポートする必要があります.
3.この場合のインポートjqueryは、元のscriptではなく、コマンドラインインストールおよび構成データが必要です
このときcnpmであればcnpmに変更
npm install jQuery
4.jqueryをインストール後、プロファイルデータaを変更するpackageを開く必要がある.jsonファイルは、この行のコードを追加し、jqueryの後ろにあるバージョンは、あなた自身のニーズに応じて変更されます.
dependencies:{
// jquery npm ,
"jquery":"^3.3.1"
}
b.webpack.dev.conf.jsでmodule.exportsの最後にこの行のコードを追加し、
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
c.main.jsに導入し、次の行のコードを追加します.
import 'jquery'
5.最後の一歩、走り直せばいい、npm run dev