Rumah hujung hadapan web View.js Bagaimana untuk memperkenalkan fail bukan es6js ke dalam vue

Bagaimana untuk memperkenalkan fail bukan es6js ke dalam vue

May 07, 2024 pm 12:15 PM
vue

Memperkenalkan fail JS bukan ES6 ke dalam Vue boleh dicapai dengan mencipta dan menetapkan atribut src untuk menunjuk ke teg skrip laluan fail, dan menetapkan atribut jenis kepada "teks/javascript". Jika fail JS bukan ES6 anda mengeksport modul CommonJS, anda perlu menetapkannya kepada objek lalai eksport menggunakan Object.assign.

Bagaimana untuk memperkenalkan fail bukan es6js ke dalam vue

Memperkenalkan fail JS bukan ES6 ke dalam Vue

Dalam Vue, anda boleh memperkenalkan fail JS bukan ES6 dengan menggunakan teg script. script 标签来引入非 ES6 JS 文件。

步骤:

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

示例:

1

2

3

4

5

6

7

8

<template>

  <div></div>

</template>

 

<script>

  // 引入 non-es6.js 文件

  import nonES6Js from './non-es6.js';

</script>

Salin selepas log masuk

注意点:

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

  1. Buat teg skrip:

    Dalam templat komponen Vue, buat teg skrip. 🎜
  2. 🎜Tentukan laluan ke fail JS bukan ES6: 🎜Dalam teg skrip, gunakan atribut src untuk menentukan laluan ke fail JS bukan ES6. 🎜
  3. 🎜Tetapkan atribut jenis: 🎜Tetapkan atribut type tag skrip kepada "text/javascript". 🎜
🎜🎜Contoh: 🎜🎜

1

2

3

4

// non-es6.js

module.exports = {

  foo: 'bar'

};

Salin selepas log masuk
🎜🎜Nota: 🎜🎜
  • Pastikan fail JS bukan ES6 mengeksport objek atau fungsi bernama default. 🎜
  • Jika fail JS bukan ES6 mengandungi modul CommonJS, ia perlu diberikan kepada objek eksport lalai menggunakan Object.assign. 🎜🎜🎜🎜Contoh (CommonJS): 🎜🎜

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    <template>

      <div></div>

    </template>

     

    <script>

      // 引入 non-es6.js 文件

      import nonES6Js from './non-es6.js';

     

      // 分配 CommonJS 模块

      export default Object.assign({}, nonES6Js);

    </script>

    Salin selepas log masuk
    rrreee

    Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan fail bukan es6js ke dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan echarts dalam vue Cara menggunakan echarts dalam vue May 09, 2024 pm 04:24 PM

Cara menggunakan echarts dalam vue

Peranan lalai eksport dalam vue Peranan lalai eksport dalam vue May 09, 2024 pm 06:48 PM

Peranan lalai eksport dalam vue

Cara menggunakan fungsi peta dalam vue Cara menggunakan fungsi peta dalam vue May 09, 2024 pm 06:54 PM

Cara menggunakan fungsi peta dalam vue

Perbezaan antara acara dan $event dalam vue Perbezaan antara acara dan $event dalam vue May 08, 2024 pm 04:42 PM

Perbezaan antara acara dan $event dalam vue

Peranan onmounted dalam vue Peranan onmounted dalam vue May 09, 2024 pm 02:51 PM

Peranan onmounted dalam vue

Perbezaan antara eksport dan eksport lalai dalam vue Perbezaan antara eksport dan eksport lalai dalam vue May 08, 2024 pm 05:27 PM

Perbezaan antara eksport dan eksport lalai dalam vue

Dipasang dalam vue sepadan dengan kitaran hayat yang bertindak balas Dipasang dalam vue sepadan dengan kitaran hayat yang bertindak balas May 09, 2024 pm 01:42 PM

Dipasang dalam vue sepadan dengan kitaran hayat yang bertindak balas

Apakah cangkuk dalam vue Apakah cangkuk dalam vue May 09, 2024 pm 06:33 PM

Apakah cangkuk dalam vue

See all articles