在vue-cli 生成的项目中如何正确导入jquery

在vue-cli生成的项目中，可以通过以下步骤导入jQuery：

1. 安装jQuery

在终端中进入你的项目目录，执行以下命令安装jQuery：

npm install jquery --save

2. 导入jQuery

在vue组件中，通过以下方式导入jQuery：

import $ from 'jquery';

如果你使用的是旧版的jQuery（版本低于1.9），则需要使用以下方式导入：

import jQuery from 'jquery';
window.$ = window.jQuery = jQuery;

3. 使用jQuery

现在你已经成功导入了jQuery，可以在vue组件中使用它了。例如，你可以在`mounted`生命周期函数中使用jQuery操作DOM元素：

mounted() {
  // 选中元素并隐藏
  $('.my-element').hide();
}

注意：如果你使用的是vue-cli3.x以上版本，你需要在vue.config.js文件中配置webpack的externals选项，以避免将jQuery打包进入你的应用程序中。在vue.config.js文件中添加以下代码：

module.exports = {
  // ...
  configureWebpack: {
    externals: {
      $: 'jquery',
      jQuery: 'jquery'
    }
  }
}

这将告诉webpack不要将jquery打包进你的应用程序中，而是在运行时从全局变量中获取它。