So führen Sie Nicht-ES6JS-Dateien in Vue ein

Die Einführung von Nicht-ES6-JS-Dateien in Vue kann erreicht werden, indem das src-Attribut erstellt und so eingestellt wird, dass es auf das Skript-Tag des Dateipfads verweist, und das type-Attribut auf „text/javascript“ gesetzt wird. Wenn Ihre Nicht-ES6-JS-Datei ein CommonJS-Modul exportiert, müssen Sie es mithilfe von Object.assign dem Export-Standardobjekt zuweisen.

Einführen von Nicht-ES6-JS-Dateien in Vue

In Vue können Sie Nicht-ES6-JS-Dateien mithilfe des script-Tags einführen. script 标签来引入非 ES6 JS 文件。

步骤：

1. 创建 script 标签：在 Vue 组件模板中，创建一个 script 标签。
2. 指定非 ES6 JS 文件路径：在 script 标签中，使用 src 属性指定非 ES6 JS 文件的路径。
3. 设置 type 属性：将 script 标签的 type 属性设置为 "text/javascript"。

示例：

<code class="html"><template>
  <div></div>
</template>

<script>
  // 引入 non-es6.js 文件
  import nonES6Js from './non-es6.js';
</script></code>

注意点：

• 确保非 ES6 JS 文件导出一个名为 default 的对象或函数。
• 如果非 ES6 JS 文件包含 CommonJS 模块，则需要使用 Object.assign 将其分配给 export default

Schritte:

Erstellen Sie ein Skript-Tag:

Erstellen Sie in der Vue-Komponentenvorlage ein Skript-Tag. 🎜

🎜Geben Sie den Pfad zu Nicht-ES6-JS-Dateien an: 🎜Verwenden Sie im Skript-Tag das Attribut src, um den Pfad zu Nicht-ES6-JS-Dateien anzugeben. 🎜

🎜Setzen Sie das Typattribut: 🎜Setzen Sie das type-Attribut des Skript-Tags auf "text/javascript". 🎜🎜🎜Beispiel: 🎜🎜

<code class="javascript">// non-es6.js
module.exports = {
  foo: 'bar'
};</code>

🎜🎜Hinweis: 🎜🎜

• Stellen Sie sicher, dass Nicht-ES6-JS-Dateien ein Objekt oder eine Funktion mit dem Namen default exportieren. 🎜
• Wenn eine Nicht-ES6-JS-Datei ein CommonJS-Modul enthält, muss es mit Object.assign dem export default-Objekt zugewiesen werden. 🎜🎜🎜🎜Beispiel (CommonJS): 🎜🎜

  <code class="html"><template>
    <div></div>
  </template>
  
  <script>
    // 引入 non-es6.js 文件
    import nonES6Js from './non-es6.js';
  
    // 分配 CommonJS 模块
    export default Object.assign({}, nonES6Js);
  </script></code>

  rrreee

Das obige ist der detaillierte Inhalt vonSo führen Sie Nicht-ES6JS-Dateien in Vue ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!