Où Uniapp écrit des méthodes publiques

Lors du développement avec uniapp, nous écrivons généralement des méthodes publiques pour faciliter le développement quotidien. Alors, où doivent être écrites ces méthodes publiques ? Cet article expliquera où écrire les méthodes publiques dans uniapp.

1. Écrire des méthodes publiques dans les composants

Lors du développement d'applications uniapp, nous utilisons généralement des composants pour créer des interfaces utilisateur. Dans un composant, vous pouvez écrire des méthodes publiques pour faciliter l'utilisation du composant. Ces méthodes publiques sont généralement définies dans les méthodes du composant, comme indiqué ci-dessous :

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

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

Dans le code ci-dessus, nous avons défini une méthode publique changeMsg dans le composant Lorsque vous cliquez sur le bouton, cette méthode sera appelée pour modifier la valeur. de msg.

2. Écrire des méthodes publiques dans mixin

mixin est une méthode de réutilisation de code fournie par uniapp, grâce à mixin, nous pouvons extraire du code commun et le réutiliser dans plusieurs composants. Dans les mixins, vous pouvez également écrire des méthodes publiques pour faciliter le développement quotidien. Voici un exemple de code pour définir une méthode publique dans un mixin :

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

Dans le code ci-dessus, nous définissons la méthode publique changeMsg dans le mixin et exportons le mixin. De cette façon, nous pouvons importer le mixin dans le composant et utiliser ses méthodes publiques.

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

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

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

Dans le code ci-dessus, nous avons importé commonMixin dans le composant et l'avons ajouté aux mixins afin que nous puissions utiliser les méthodes publiques dans commonMixin dans le composant.

3. Écrire des méthodes publiques dans les classes d'outils

Lors du développement d'uniapp, nous pouvons écrire des classes d'outils pour faciliter le développement quotidien. Dans la classe d'outils, nous pouvons également écrire des méthodes publiques pour une utilisation pratique. En règle générale, les classes d'utilitaires sont introduites globalement pour être utilisées dans toute l'application. Voici un exemple de code pour définir une méthode publique dans une classe d'outils :

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

Dans le code ci-dessus, nous définissons la méthode publique changeString dans la classe d'outils et l'exportons. De cette façon, nous pouvons utiliser cette méthode publique dans toute l’application.

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

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

Dans le code ci-dessus, nous utilisons la méthode changeString dans commonUtils dans une certaine page ou un certain composant, modifiant ainsi 'World' dans la chaîne en 'World'.

Résumé :

Dans uniapp, il existe de nombreuses façons d'écrire des méthodes publiques, comme dans les composants, les mixins, les classes d'outils, etc. Il faut choisir la méthode la plus appropriée en fonction de la situation spécifique pour faciliter le développement quotidien.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!