8、VUEにJqueryカードを導入する

1、jqueryの導入

プロジェクトフォルダの下で、コマンドnpm install jquery--save-devを使用してjquery

を導入します.
2、build/webpack.base.conf.jsに次の内容を追加します.

1

var webpack = require('webpack')

2

plugins: [
  new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
],

以下に示す

//     
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
  }
},
//     
module: {
  rules: [
// ......
  ]
},
//     plugins
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ]

3、src/main.jsファイルにjqueryを導入
import $ from 'jquery'
4、OK