Vue.js では、ドル記号 ($) プレフィックスの意味は、Vue インスタンスの内部プロパティまたはメソッドを指します。これらのプロパティとメソッドは Vue.js フレームワークによって内部的に使用されるため、通常は直接アクセスしたり変更したりすることはお勧めできません。ドル記号プレフィックスは、Vue インスタンスの内部プロパティおよびメソッドをユーザー定義のプロパティおよびメソッドと区別するためのものです。

Question

Vue.js では、プロパティ名の前にあるドル記号プレフィックスの意味は何ですか?

例: this.$emit('clicked', 'demo')

Answer 1

Vue での $ および __ プレフィックスの使用についての説明は、ここにあります:

https://v2.vuejs.org/v2/style-guide/#Private-property-names-essential

詳細については、セクションで説明します。

#プライベート インスタンス プロパティの場合:

#$

はパブリック インスタンス プロパティに使用されます: 両方とも、props や data プロパティなど、コンポーネント作成者が選択したプロパティ名との競合を避けるために使用されます。

---

$

プレフィックスは、Vue のコア API だけで使用されるわけではありません。また、コンポーネントにプロパティを追加するライブラリでもよく使用されます。例えば：＃＃＃ Vuex は

$store

を追加します。
• Vue Router は $route
と
• $router を追加します。 これらは公式にサポートされているライブラリですが、多くのサードパーティ ライブラリも同様です。

アプリケーション コードでグローバル プロパティを作成するために使用することもできます。一般的な例は、

$http

を

Vue.prototype (または Vue 3 の globalProperties) に追加することです。 これらすべてのケースにおいて、$

は、プロパティが現在のコンポーネント内ではなく別の場所で定義されていることを将来の開発者に示す指標として機能します。