uniapp がパブリック メソッドを記述する場所

uniapp を使用して開発する場合、通常、日常の開発を容易にするためにいくつかのパブリック メソッドを作成します。では、これらのパブリック メソッドはどこに記述すべきでしょうか?この記事ではuniappのパブリックメソッドをどこに記述するかを紹介します。

1. コンポーネントでのパブリック メソッドの記述

uniapp アプリケーションを開発するときは、通常、コンポーネントを使用して UI インターフェイスを構築します。コンポーネントでは、コンポーネントの使用を容易にするためにいくつかのパブリック メソッドを作成できます。これらのパブリック メソッドは通常、以下に示すようにコンポーネントのメソッドで定義されます:

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

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

上記のコードでは、コンポーネントにパブリック メソッドchangeMsgを定義しました。ボタンがクリックされると、このメソッドが呼び出されます。 msgの値を変更します。

2. mixin にパブリック メソッドを記述する

mixin は、uniapp が提供するコード再利用メソッドです。mixin を通じて、いくつかのパブリック コードを抽出し、複数のコンポーネントで再利用できます。ミックスインでは、日常の開発を容易にするパブリック メソッドを作成することもできます。以下は、ミックスインでパブリック メソッドを定義するためのサンプル コードです。

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

上記のコードでは、ミックスインでパブリック メソッドchangeMsgを定義し、ミックスインをエクスポートします。このようにして、ミックスインをコンポーネントにインポートし、そのパブリック メソッドを使用できます。

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

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

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

上記のコードでは、commonMixin をコンポーネントにインポートしてミックスインに追加し、コンポーネントで commonMixin のパブリック メソッドを使用できるようにしました。

3. ツール クラスにパブリック メソッドを作成する

uniapp を開発するとき、日常の開発を容易にするためにいくつかのツール クラスを作成する場合があります。ツール クラスでは、便利に使用できるようにいくつかのパブリック メソッドを記述することもできます。通常、ユーティリティ クラスは、アプリケーション全体で使用するためにグローバルに導入されます。以下は、ツール クラスでパブリック メソッドを定義するためのサンプル コードです。

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

上記のコードでは、ツール クラスでパブリック メソッドchangeStringを定義し、それをエクスポートします。こうすることで、アプリケーション全体でこのパブリック メソッドを使用できます。

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

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

上記のコードでは、特定のページまたはコンポーネントの commonUtils でchangeStringメソッドを使用し、文字列内の「World」を「World」に変更します。

概要:

uniapp では、コンポーネント、ミックスイン、ツール クラスなど、パブリック メソッドを記述する方法が多数あります。日々の開発を円滑に進めるためには、状況に応じて最適な方法を選択する必要があります。

以上がuniapp がパブリック メソッドを記述する場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。