Wo soll der allgemeine JS-Code in Vue eingefügt werden?

Es gibt zwei Orte zum Speichern von öffentlichem JS-Code in Vue: Datei main.js: Wird zum Initialisieren von Vue-Instanzen und zum Festlegen globaler Konfigurationen verwendet, um sicherzustellen, dass öffentlicher Code in allen Komponenten zugänglich ist. JS-Dateien im public/-Verzeichnis: können über CDN oder Server in die Seite geladen werden.

Der Ort, an dem öffentlicher JS-Code in Vue gespeichert ist

In Vue.js wird öffentlicher JS-Code normalerweise an den folgenden zwei Orten platziert:

1 main.js-Datei <code>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

main.js-Datei ist die Eingabedatei des Vue-Projekts. Sie wird hauptsächlich zum Initialisieren der Vue-Instanz und zum Festlegen der globalen Konfiguration verwendet. Durch die Platzierung von allgemeinem JS-Code wird sichergestellt, dass er in allen Komponenten zugänglich ist.

🎜🎜Beispiel: 🎜🎜

<code class="javascript">export function myGlobalFunc() {
  // ...
}</code>

🎜🎜2. JS-Dateien im Verzeichnis public/ 🎜🎜🎜Das Verzeichnis public/ wird zum Speichern statischer Ressourcen wie CSS verwendet , JS und Bild. Durch die Platzierung von allgemeinem JS-Code können diese über ein CDN oder einen Server direkt in die Seite geladen werden. 🎜🎜🎜Beispiel: 🎜🎜🎜In public/js/utils.js: 🎜

<code class="javascript">// MyComponent.vue
<script>
import { myGlobalFunc } from '@/js/utils'

export default {
  methods: {
    myMethod() {
      myGlobalFunc()
    }
  }
}
</script></code>

🎜Dann verwenden Sie in der Komponente: 🎜rrreee

Das obige ist der detaillierte Inhalt vonWo soll der allgemeine JS-Code in Vue eingefügt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!