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中文网其他相关文章！
