Bagaimana untuk memperkenalkan fail bukan es6js ke dalam vue
May 07, 2024 pm 12:15 PMMemperkenalkan 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.
Memperkenalkan fail JS bukan ES6 ke dalam Vue
Dalam Vue, anda boleh memperkenalkan fail JS bukan ES6 dengan menggunakan teg script
. script
标签来引入非 ES6 JS 文件。
步骤:
- 创建 script 标签:在 Vue 组件模板中,创建一个 script 标签。
-
指定非 ES6 JS 文件路径:在 script 标签中,使用
src
属性指定非 ES6 JS 文件的路径。 -
设置 type 属性:将 script 标签的
type
属性设置为"text/javascript"
。
示例:
1 2 3 4 5 6 7 8 |
|
注意点:
- 确保非 ES6 JS 文件导出一个名为
default
的对象或函数。 - 如果非 ES6 JS 文件包含 CommonJS 模块,则需要使用
Object.assign
将其分配给export default
- Buat teg skrip: Dalam templat komponen Vue, buat teg skrip. 🎜
- 🎜Tentukan laluan ke fail JS bukan ES6: 🎜Dalam teg skrip, gunakan atribut
src
untuk menentukan laluan ke fail JS bukan ES6. 🎜 - 🎜Tetapkan atribut jenis: 🎜Tetapkan atribut
type
tag skrip kepada"text/javascript"
. 🎜
1 2 3 4 |
|
- 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
menggunakanObject.assign
. 🎜🎜🎜🎜Contoh (CommonJS): 🎜🎜rrreee1
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 masukAtas 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!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Cara menggunakan fungsi peta dalam vue

Perbezaan antara acara dan $event dalam vue

Perbezaan antara eksport dan eksport lalai dalam vue

Dipasang dalam vue sepadan dengan kitaran hayat yang bertindak balas
