Vue如何引用public中的js文件
更新时间：2022年09月22日 08:35:08 作者：asdfsdgfsdgfa
这篇文章主要介绍了Vue如何引用public中的js文件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
如何引用public中的js文件
在public文件夹下创建config.js文件。
config.js中可以使用变量，也可以使用window来挂载
测试：
注意：index.html在引入config.js时，config.js前面一定要加上/ ，否则子路由菜单刷新会报错，提示找不到js文件
vue引用公共js
在.vue文件中，需要调用一些工具方法，所以需要将公共方法放在公共js中，供组件调用。
步骤
1.创建公共js
创建utils.js
src/common/utils.js
export default {
show:function () {
console.log("公共方法");
}
}2.在main.js引入公共js
// 引用公共js import utils from './common/utils.js' Vue.prototype.utils = utils
3.调用公共方法
export default {
name: 'abc',
data () {
return {
}
},
methods:{
click:function () {
this.utils.show();
}
}
}控制台输出：
abc
总结：将公共方法放在同一个js中，方便调用和维护，避免重复代码
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
解决vue3.0运行项目warning Insert `·` prettier/pret
这篇文章主要介绍了解决vue3.0运行项目warning Insert `·` prettier/prettier问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
vue3.0 router路由跳转传参问题(router.push)
这篇文章主要介绍了vue3.0 router路由跳转传参问题(router.push)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要介绍了Vue.js slot插槽的作用域插槽用法详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
vue 路由传参的使用场景一般都是应用在父路由跳转到子路由时,携带参数跳转,传参方式可划分为 params 传参和 query 传参,本文将给大家介绍如何通过不同方式在 Vue 3 中传递路由参数,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了Vue cli3 库模式搭建组件库并发布到 npm，以下一个简单的颜色选择器插件 vColorPicker 讲述从开发到上线到npm的流程,需要的朋友可以参考下2018-10-10
这篇文章主要为大家详细介绍了Vue实现6位数密码，优化iOS WebView卡顿，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
这篇文章主要介绍了Vue 实现树形视图数据功能,利用简单的树形视图实现的，在实现过程中熟悉了组件的递归使用，感兴趣的朋友跟随脚本之家小编一起学习吧2018-05-05
这篇文章主要介绍了Vant Weapp组件picker选择器初始默认选中问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
本篇文章主要介绍了详解vue 中使用 AJAX获取数据的方法，在VUE开发时，数据可以使用jquery和vue-resource来获取数据，有兴趣的可以了解一下。2017-01-01
这篇文章主要介绍了vue 双向绑定问题$emit无效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论