非es6jsファイルをvueに導入する方法

ES6 以外の JS ファイルを Vue に導入するには、ファイル パスの script タグを指すように src 属性を作成して設定し、type 属性を「text/javascript」に設定します。非 ES6 JS ファイルが CommonJS モジュールをエクスポートする場合は、Object.assign を使用してそれをエクスポートのデフォルト オブジェクトに割り当てる必要があります。

非 ES6 JS ファイルを Vue に導入する

Vue では、script タグを使用して非 ES6 JS ファイルを導入できます。 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

手順:

スクリプト タグを作成します:

Vue コンポーネント テンプレートで、スクリプト タグを作成します。 🎜

🎜非 ES6 JS ファイルへのパスを指定します: 🎜 script タグで、src 属性を使用して非 ES6 JS ファイルへのパスを指定します。 🎜

🎜type 属性を設定します: 🎜script タグの type 属性を "text/javascript" に設定します。 🎜🎜🎜例: 🎜🎜

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

🎜🎜注: 🎜🎜

• ES6 以外の JS ファイルは、default という名前のオブジェクトまたは関数をエクスポートするようにしてください。 🎜
• ES6 以外の JS ファイルに CommonJS モジュールが含まれている場合は、Object.assign を使用して export default オブジェクトに割り当てる必要があります。 🎜🎜🎜🎜例 (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

以上が非es6jsファイルをvueに導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。