vue中怎麼引入非es6js文件

在 Vue 中引入非 ES6 JS 檔案可以透過建立並設定 src 屬性指向該檔案路徑的 script 標籤，並設定 type 屬性為 "text/javascript" 來實現。如果非 ES6 JS 檔案匯出的是 CommonJS 模組，則需要使用 Object.assign 將其指派給 export default 物件。

在Vue 中引入非ES6 JS 檔案

在Vue 中，可以透過使用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 物件。

範例（CommonJS）：

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

<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>

以上是vue中怎麼引入非es6js文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！