vue における $ 記号の役割

$ シンボルは Vue の現在のインスタンスを表し、インスタンス プロパティ、イベント バス、ライフ サイクル フック、およびデータ オブジェクトへのアクセス、イベントのトリガーとリッスン、インスタンス参照の取得、ルート インスタンスの検査などの特別な関数へのアクセスを提供します。 。

Vue における $ 記号の役割

Vue.js では、$ 記号は特別な変数です。操作されている現在のインスタンスを表します。

#1 インスタンスのプロパティとメソッド

• $data: インスタンス
のデータ オブジェクトへのアクセスを提供します。
• $props: インスタンスのプロパティ オブジェクト
• $methods: インスタンス
• $computed のメソッド オブジェクト: 計算されたプロパティ オブジェクト
• $watch: モニタリング プロパティ オブジェクト

2。

$emit

: イベントをトリガー
• $on
: イベントをリッスン
• $once
: イベントをリッスン(トリガーは 1 回のみ)
• $off
: イベント リスナー
3 を削除します。

##$beforeCreate

$created

• $beforeMount
• $mounted
• $更新前
• $更新前
• $破棄前
• $destroyed
4. その他の関数

$root

: ルート Vue インスタンスを取得します。

$refs

: コンポーネントの参照にアクセスします
• $parent
: 親コンポーネントのインスタンスを取得します
• $children
: サブコンポーネント インスタンスの取得
使用例:
• <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>methods: { increment() { this.$data.count++ // 访问数据对象 } }, mounted() { this.$on('my-event', this.handleEvent) // 监听事件 }, created() { console.log(this.$root) // 获取根实例 }</pre><div class="contentsignin">ログイン後にコピー</div></div>$ 記号を使用すると、開発者はインスタンスのステータスに簡単にアクセスして操作でき、 Vue コンポーネントのイベントと動作。

以上がvue における $ 記号の役割の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。