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中文網其他相關文章！