Cara mengimport js dalam main.js dalam uniapp

UNIAPP ialah rangka kerja bahagian hadapan yang menyokong pembangunan berbilang platform Keupayaan merentas platform yang sangat baik, skalabiliti fleksibel dan prestasi berkuasa membolehkan pembangun menerbitkan aplikasi dengan mudah pada berbilang platform. Dalam UNIAPP, main.js ialah fail permulaan yang penting. Fungsi utamanya ialah untuk melaksanakan pemulaan dan konfigurasi global, termasuk mengimport fail JS. Mari kita lihat cara mengimport fail JS dalam UNIAPP.

1. Import fail JS dalam main.js

Dalam UNIAPP, anda boleh mengimport fail JS di mana-mana sahaja dalam main.js, sama ada di bahagian atas atau di bahagian bawah , semuanya OK. Langkah-langkah khusus adalah seperti berikut:

1 Tambahkan kod berikut dalam main.js:

import "./util.js";

2. Letakkan fail JS yang perlu diimport ke dalam fail util.js direktori projek.

3. Tambah fungsi atau pembolehubah tersuai dalam fail util.js, contohnya:

function sum(a, b) {
   return a + b;
}
export default sum;

2. Gunakan fail JS dalam komponen Vue

Apabila kami menambah JS Selepas fail berjaya diimport ke dalam fail main.js, fail JS boleh digunakan dalam semua komponen Vue. Untuk kemudahan demonstrasi, kami menunjukkan proses khusus dalam komponen Vue.

1. Tambahkan kod berikut pada fail HelloWorld.vue:

<script>
import { sum } from "@/util.js";

export default {
  data() {
    return {
      num1: 1,
      num2: 2,
    };
  },
  methods: {
    handleClick() {
      const result = sum(this.num1, this.num2);
      console.log(result);
    },
  },
};
</script>

2. Tambah fungsi atau pembolehubah tersuai pada fail util.js, contohnya:

rreee

3. Ringkasan

Dalam UNIAPP, mengimport fail JS adalah sangat mudah Anda hanya perlu menambah kod pada fail main.js. Oleh kerana fail main.js ialah fail masukan untuk pemula global, konfigurasi dan import global boleh dilakukan dalam fail ini. Pada masa yang sama, ia juga sangat mudah untuk menggunakan fail JS dalam komponen Vue Anda hanya perlu mengimportnya dalam komponen yang anda perlu gunakan. Di samping itu, perlu diperhatikan bahawa apabila mengimport fail JS dalam komponen Vue, anda perlu menggunakan laluan relatif atau simbol @, jika tidak, ralat yang tidak boleh dimuatkan akan berlaku.

Atas ialah kandungan terperinci Cara mengimport js dalam main.js dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!