Bagaimana untuk mendapatkan kod fail tertentu dalam vue

Terdapat empat cara untuk mendapatkan kod fail tertentu dalam Vue: menggunakan XMLHttpRequest, vue-resource, async/waiit digabungkan dengan XMLHttpRequest atau vue-resource dan import dinamik. Pilih kaedah yang paling sesuai berdasarkan keperluan khusus anda dan tetapan projek.

Dapatkan kod fail tertentu dalam Vue

Mendapatkan kod fail tertentu dalam Vue ialah keperluan biasa, seperti apabila anda ingin memuatkan coretan kod atau membaca fail konfigurasi secara dinamik. Artikel ini akan membimbing anda tentang cara mencapai matlamat ini.

Kaedah 1: Menggunakan XMLHttpRequest

XMLHttpRequest ialah API pelayar untuk mendapatkan kandungan fail jauh. Dalam Vue, anda boleh menggunakan perkhidmatan $http untuk membuat permintaan XMLHttpRequest: $http 服务来进行 XMLHttpRequest 请求：

<code class="javascript">import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions({
      getFileContents: 'getFileContents',
    }),
  },
  created() {
    this.getFileContents('/path/to/file.js');
  },
}</code>

方法 2：使用 vue-resource

vue-resource 是一个轻量级的 Vue.js HTTP 资源库，它提供了一个 $get

<code class="javascript">import VueResource from 'vue-resource'

Vue.use(VueResource)

export default {
  methods: {
    getFileContents() {
      this.$http.get('/path/to/file.js').then((res) => {
        // 处理获取到的代码
      });
    },
  },
}</code>

Kaedah 2: Gunakan vue-resource

<code class="javascript">export default {
  methods: {
    async getFileContents() {
      try {
        const res = await this.$http.get('/path/to/file.js');
        // 处理获取到的代码
      } catch (err) {
        // 处理错误
      }
    },
  },
}</code>

Kaedah 3: Gunakan async/wait

<code class="javascript">export default {
  methods: {
    async getFileContents() {
      const module = await import('/path/to/file.js');
      // 处理获取到的代码
    },
  },
}</code>

Kaedah 4: Gunakan import dinamik

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan kod fail tertentu dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!