Vue 中存放公用 JS 代码的位置有以下两个：main.js 文件：用于初始化 Vue 实例和设置全局配置，可确保公用代码在所有组件中访问。public/ 目录中的 JS 文件：可通过 CDN 或服务器加载到页面中。
Vue 中存放公用 JS 代码的位置
在 Vue.js 中，通常会将公用的 JS 代码放在以下两个位置：
1. main.js 文件
main.js 文件是 Vue 项目的入口文件，主要用于初始化 Vue 实例和设置全局配置。将公用 JS 代码放置在这里可以确保它在所有组件中都可以访问。
立即学习“前端免费学习笔记（深入）”；
示例：
<code class="javascript">// main.js
import Vue from 'vue'
import MyGlobalFunc from './utils/myGlobalFunc'
Vue.component('my-component', {
// ...
})
Vue.mixin({
methods: {
myGlobalFunc() {
return MyGlobalFunc()
}
}
})</code>2. public/ 目录中的 JS 文件
public/ 目录用于存放静态资源，例如 CSS、JS 和图像。将公用 JS 代码放置在这里可以让它们通过 CDN 或服务器直接加载到页面中。
示例：
在 public/js/utils.js 中：
<code class="javascript">export function myGlobalFunc() {
// ...
}</code>然后在组件中使用：
<code class="javascript">// MyComponent.vue
<script>
import { myGlobalFunc } from '@/js/utils'
export default {
methods: {
myMethod() {
myGlobalFunc()
}
}
}
</script></code>以上就是vue中公用的js代码放在哪的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
336
收藏
