Comment introduire des fichiers non-es6js dans vue

L'introduction de fichiers JS non ES6 dans Vue peut être réalisée en créant et en définissant l'attribut src pour qu'il pointe vers la balise de script du chemin du fichier, et en définissant l'attribut type sur "text/javascript". Si votre fichier JS non ES6 exporte un module CommonJS, vous devez l'attribuer à l'objet d'exportation par défaut à l'aide de Object.assign.

Introduction de fichiers JS non-ES6 dans Vue

Dans Vue, vous pouvez introduire des fichiers JS non-ES6 en utilisant la balise script. 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

Étapes :

Créez une balise de script :

Dans le modèle de composant Vue, créez une balise de script. 🎜

🎜Spécifiez le chemin d'accès aux fichiers JS non-ES6 : 🎜Dans la balise script, utilisez l'attribut src pour spécifier le chemin d'accès aux fichiers JS non-ES6. 🎜

🎜Définissez l'attribut type : 🎜Définissez l'attribut type de la balise de script sur "text/javascript". 🎜🎜🎜Exemple : 🎜🎜

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

🎜🎜Remarque : 🎜🎜

• Assurez-vous que les fichiers JS non ES6 exportent un objet ou une fonction nommé default. 🎜
• Si un fichier JS non-ES6 contient un module CommonJS, il doit être attribué à l'objet export default à l'aide de Object.assign. 🎜🎜🎜🎜Exemple (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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!