vue3引入外部js文件提示找不到(vue引入外部js)

上周有个客人问我如何在Vue文件里引用外部的JS文件，这个问题其实挺常见的。
首先，你提到的几种方法，我来说说它们各自的适用场景和步骤。

1 . Vue的createElement方法，简单的封装一个组件解决问题。

这个方法适用于你想要在Vue组件中使用外部JS库的情况。
你可以创建一个自定义组件，然后在组件中使用createElement来引入外部的JS文件。

2 . vue-cli webpack全局引入jQuery。

首先，你需要使用npm安装jQuery：npm install jquery --save。
然后在main.js中引入jQuery：import $ from 'jquery'。
这样，你就可以在全局范围内使用jQuery了。

3 . 中以静态资源的方式进行引用。

你可以在HTML文件中直接通过[xss_clean]标签引入外部的JS文件。
例如：[xss_clean][xss_clean]。
不过，这种方法不适合在Vue组件中使用。

4 . 创建一个文件，并在打包的时候不会进行编译。

如果你需要创建一个不会被编译的文件，你可以在Vue项目中创建一个public文件夹，并将文件放在里面。
这样，文件在构建时不会被处理。

至于你提到的Vue整合ElementUI后依然提示没找到依赖的问题，这里有几个建议： 1 . 确保你正确地安装了ElementUI，并在main.js中正确引入和注册了它。
2 . 检查你的Vue和ElementUI的版本是否兼容。
3 . 如果问题依旧，尝试更新你的Vue和ElementUI到最新版本。

最后，关于Vue-cli引入外部JS资源文件失败的问题，你可以尝试以下方法： 1 . 确保你的外部JS文件路径正确。
2 . 如果文件很大，考虑使用Webpack的懒加载功能。
3 . 检查Webpack配置文件，确保没有错误。

反正你看着办，希望这些建议能帮到你。
我还在想这个问题，如果以后有新发现，我再告诉你。

vue怎么正确引入jquery

全局引入jQuery在Vue项目中不适用。

1 . 修改package.json，添加依赖： "jquery":"^2 .2 .3 "，版本按需改。

2 . 修改webpack.base.conf.js：
引入webpack： var webpack = require("webpack");
在module.exports前添加插件： javascript plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
3 . 修改main.js： import $ from 'jquery';
4 . 重新运行： cnpm run dev

Vue3项目中如何只针对单页面实现px到rem自适应？

行，来点直白的：
1 . Vue3 单页自适应，不整全局插件，直接算字体大小。
2 . 页面挂载后，算出根元素字体大小，设置成rem。
3 . 页面里的px要手动换成rem，比如3 2 px写成3 .2 rem。
4 . 别用全局插件，自己写代码搞。
5 . 想让大小变，监听窗口大小变化重新算。
6 . 优点是精确，缺点是麻烦，得手动转单位。
7 . 想更灵活，用CSS变量也行。

你自己看，哪种适合你。