Bagaimana untuk memperkenalkan fail js dalam uniapp

Memandangkan Uniapp terus berkembang dan membangun, semakin ramai pembangun mula menggunakannya untuk membangunkan aplikasi merentas platform. Semasa proses pembangunan, kadangkala anda mungkin perlu memperkenalkan beberapa fail js yang ditulis sendiri. Artikel ini akan memperkenalkan cara memperkenalkan fail js menggunakan Uniapp.

1. Perkenalkan fail js ke dalam halaman

1. Cari halaman yang perlu memperkenalkan fail js dalam direktori halaman (contohnya: index.vue)
2. Dalam halaman ini Dalam teg skrip, gunakan kod berikut untuk memperkenalkan fail js:

import xxx from '@/xxx.js' 

Antaranya, simbol '@' mewakili direktori akar projek dan xxx mewakili nama js fail yang ditulis sendiri. Jika fail tiada dalam direktori akar, anda perlu mengubah suai laluan import.

3. Gunakan kaedah atau pembolehubah dalam fail js dalam kod, contohnya:

xxx.doSomething();

2. Perkenalkan fail js ke dalam komponen

1. Cari fail komponen yang perlu mengimport fail js (contohnya: my-component.vue)
2. Dalam teg skrip komponen, gunakan kod berikut untuk mengimport fail js:

import xxx from '@/xxx.js' 

Begitu juga, simbol '@' mewakili direktori akar projek dan xxx mewakili nama fail js yang ditulis oleh anda sendiri. Jika fail tiada dalam direktori akar, anda perlu mengubah suai laluan import.

3. Gunakan kaedah atau pembolehubah dalam fail js dalam kod komponen, contohnya:

mounted() {
  xxx.doSomething();
}

3 Memperkenalkan fail js secara global

1. Dalam direktori akar projek, cari fail vue.config.js
2. Tambah kod berikut dalam fail:

configureWebpack: {
  externals: {
    'xxx': 'xxx'
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
}

Antaranya, 'xxx': 'xxx' bermakna diperlukan Dalam nama fail js yang diimport, 'xxx' pertama ialah nama fail dalam projek, dan 'xxx' kedua ialah nama dalam dunia global, simbol '@' juga mewakili direktori akar projek.

3. Di mana fail js perlu digunakan, gunakan kod berikut untuk mengimportnya:

window.xxx.doSomething();

4. Ringkasan

Melalui tiga kaedah di atas , kami boleh Memperkenalkan fail js anda sendiri ke dalam Uniapp dan menggunakannya dalam halaman, komponen atau secara global. Apabila menulis fail js, anda perlu memberi perhatian kepada spesifikasi penamaan dan laluan untuk mengelakkan kegagalan pengenalan atau kekeliruan kod.

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