vue学習三vueプロジェクトにjqueryを正しく追加


1.vueプロジェクトを使用した後、htmlインタフェースのデータを処理するのは確かに便利で適用できるが、それに伴って機能点の需要が更新され、vueプロジェクトにも実現できない機能があることが分かった.
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