Vue 中存放公用 JS 代码的位置有以下两个：main.js 文件：用于初始化 Vue 实例和设置全局配置，可确保公用代码在所有组件中访问。public/ 目录中的 JS 文件：可通过 CDN 或服务器加载到页面中。
Vue 中存放公用 JS 代码的位置
在 Vue.js 中，通常会将公用的 JS 代码放在以下两个位置：
1. main.js 文件
main.js 文件是 Vue 项目的入口文件，主要用于初始化 Vue 实例和设置全局配置。将公用 JS 代码放置在这里可以确保它在所有组件中都可以访问。
立即学习“前端免费学习笔记（深入）”；
示例：
// main.jsimport Vue from 'vue'import MyGlobalFunc from './utils/myGlobalFunc'Vue.component('my-component', { // ...})Vue.mixin({ methods: { myGlobalFunc() { return MyGlobalFunc() } }})
登录后复制
2. public/ 目录中的 JS 文件
public/ 目录用于存放静态资源，例如 CSS、JS 和图像。将公用 JS 代码放置在这里可以让它们通过 CDN 或服务器直接加载到页面中。
示例：
在 public/js/utils.js 中：
export function myGlobalFunc() { // ...}
登录后复制
然后在组件中使用：
// MyComponent.vueimport { myGlobalFunc } from '@/js/utils'export default { methods: { myMethod() { myGlobalFunc() } }}
登录后复制
以上就是vue中公用的js代码放在哪的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3010935.html
