Vue 中如何引入第三方 JS 库_vue3 第三方js

这样，我们就可以在每一个组件中用 import 来引用这个 jquery 了。

import $ from ‘jquery’

export default {

created() {

console.log($)

}

}

很好，没有任何问题，我们可以在这个组件中 随意的 任意的 多次的 来使用 $ 了。

OK，咱们已经介绍两种方式了，它们有一个共同点：都需要在主入口页面 index.html 中，用 script 标签来引入 jQuery。前端培训

如果你不想在 inde.html 中使用 script 标签来引入 jQuery 的话，我们还有方法

[](

)三、webpack中配置 alias，import 引入后再使用

我们不需要在主入口文件 index.html 中引入 jQuery 。我们只需要在 webpack 的配置文件中，在 resolve 中为 jQuery 添加一个 alias[别名] 。

resolve: {

extensions: [‘.js’, ‘.vue’, ‘.json’],

alias: {

‘@’: resolve(‘src’),

‘jquery’: resolve(‘static/jquery-1.12.4.js’)

}

}

那么，我们就可以在任意组件中，通过 import 的方式来使用 jquery 了。

控制台截图：

OK，也是没有任何问题的

[](

)四、webpack 中配置 plugins，无需 import 全局可用

在第三种的基础上，如果我们增加一个 plugins 的配置，那么，我们在使用的时候，无需 import $ from ‘jquery’ 也可以。

复制

最后

**资料过多，篇幅有限**

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

409bca685b4ea0e0aa1a5589c3e09.png)

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。