vue中公用的js代码放在哪

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