Di mana uniapp menulis kaedah awam

Apabila membangun dengan uniapp, kami biasanya menulis beberapa kaedah awam untuk memudahkan pembangunan harian. Jadi, di manakah kaedah awam ini harus ditulis? Artikel ini akan memperkenalkan tempat untuk menulis kaedah awam dalam uniapp.

1. Tulis kaedah awam dalam komponen

Apabila membangunkan aplikasi uniapp, kami biasanya menggunakan komponen untuk membina antara muka UI. Dalam komponen, anda boleh menulis beberapa kaedah awam untuk memudahkan penggunaan komponen. Kaedah awam ini biasanya ditakrifkan dalam kaedah komponen, seperti yang ditunjukkan di bawah:

<template>
  <div>
    <p>{{msg}}</p>
    <button @click="changeMsg">修改</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'Hello World!'
    }
  },
  methods: {
    changeMsg() {
      this.msg = '你好，世界！'
      // 其他公共方法
    }
  }
}
</script>

Dalam kod di atas, kami mentakrifkan changeMsg kaedah awam dalam komponen Apabila butang diklik, kaedah ini akan dipanggil Dipanggil ke ubah suai nilai msg.

2. Tulis kaedah awam dalam mixin

Mixin ialah kaedah penggunaan semula kod yang disediakan oleh uniapp, kami boleh mengekstrak beberapa kod awam dan digunakan semula dalam berbilang komponen. Dalam mixin, anda juga boleh menulis kaedah awam untuk memudahkan pembangunan harian. Berikut ialah contoh kod untuk mentakrifkan kaedah awam dalam mixin:

export default {
  data() {
    return {
      msg: 'Hello World!'
    }
  },
  methods: {
    changeMsg() {
      this.msg = '你好，世界！'
      // 其他公共方法
    }
  }
}

Dalam kod di atas, kami mentakrifkan kaedah awam changeMsg dalam mixin dan mengeksport mixin. Dengan cara ini, kita boleh mengimport mixin dalam komponen dan menggunakan kaedah awamnya.

<template>
  <div>
    <p>{{msg}}</p>
    <button @click="changeMsg">修改</button>
  </div>
</template>

<script>
import commonMixin from '@/mixins/commonMixin'

export default {
  mixins: [commonMixin]
}
</script>

Dalam kod di atas, kami mengimport commonMixin dalam komponen dan menambahkannya pada mixin supaya kami boleh menggunakan kaedah awam dalam commonMixin dalam komponen.

3. Tulis kaedah awam dalam kelas alat

Apabila membangunkan uniapp, kami mungkin menulis beberapa kelas alat untuk memudahkan pembangunan harian. Dalam kelas alat, kita juga boleh menulis beberapa kaedah awam untuk kegunaan mudah. Biasanya, kelas utiliti diperkenalkan secara global untuk digunakan sepanjang aplikasi. Berikut ialah contoh kod untuk mentakrifkan kaedah awam dalam kelas alat:

export function changeString(str) {
  return str.replace('World', '世界')
  // 其他公共方法
}

Dalam kod di atas, kami mentakrifkan kaedah awam changeString dalam kelas alat dan mengeksportnya. Dengan cara ini, kita boleh menggunakan kaedah awam ini sepanjang aplikasi.

import { changeString } from '@/utils/commonUtils'

console.log(changeString('Hello World!'))

Dalam kod di atas, kami menggunakan kaedah changeString dalam commonUtils dalam halaman atau komponen tertentu, dengan itu mengubah suai 'Dunia' dalam rentetan kepada 'Dunia'.

Ringkasan:

Dalam uniapp, terdapat banyak cara untuk menulis kaedah awam, seperti dalam komponen, campuran, kelas alat, dsb. Kita perlu memilih kaedah yang paling sesuai mengikut situasi tertentu untuk memudahkan perkembangan harian.

Atas ialah kandungan terperinci Di mana uniapp menulis kaedah awam. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!