Rumah  >  Artikel  >  hujung hadapan web  >  Peranan simbol $ dalam vue

Peranan simbol $ dalam vue

下次还敢
下次还敢asal
2024-04-30 04:33:141132semak imbas

Simbol

$ mewakili tika semasa dalam Vue, menyediakan akses kepada sifat contoh, bas peristiwa, cangkuk kitaran hayat dan kefungsian khas, termasuk mengakses objek data, mencetus dan mendengar peristiwa, mendapatkan rujukan contoh dan memeriksa tika akar.

Peranan simbol $ dalam vue

Peranan simbol $ dalam Vue

Dalam Vue.js, simbol $ ialah pembolehubah khas yang mewakili tika semasa yang dikendalikan. Ia menyediakan akses kepada:

1 sifat dan kaedah Instance

  • $data: objek data bagi instance $data:实例的数据对象
  • $props:实例的属性对象
  • $methods:实例的方法对象
  • $computed:计算属性对象
  • $watch:监听属性对象

2. 事件总线

  • $emit:触发事件
  • $on:监听事件
  • $once:监听事件(仅触发一次)
  • $off:移除事件监听器

3. 生命周期钩子

  • $beforeCreate
  • $created
  • $beforeMount
  • $mounted
  • $beforeUpdate
  • $updated
  • $beforeDestroy
  • $destroyed

4. 其他功能

  • $root:获取根 Vue 实例
  • $refs:访问组件的引用
  • $parent:获取父组件实例
  • $children
  • $props: objek Atribut instance.

$kaedah: Objek kaedah contoh $dikira: Objek atribut dikira

$jam tangan: Memantau objek atribut

🎜🎜🎜 2. Bas acara🎜🎜🎜🎜$emit: Acara pencetus 🎜🎜$on: Pantau acara 🎜🎜$sekali: Pantau Acara (hanya dicetuskan sekali) 🎜🎜$off: alih keluar pendengar acara 🎜🎜🎜🎜3 cangkuk kitaran hayat 🎜🎜🎜🎜$beforeCreate🎜🎜 $dicipta. >🎜🎜$beforeMount🎜🎜$mounted🎜🎜$beforeUpdate🎜🎜$updated 🎜🎜 $beforeDestroy🎜🎜$destroyed🎜🎜🎜🎜4 Fungsi lain🎜🎜🎜🎜$root: Dapatkan instance Vue root🎜🎜 $. refs: Akses rujukan komponen🎜🎜$parent: Dapatkan instance komponen induk🎜🎜$children: Dapatkan instance komponen anak🎜🎜🎜🎜 Contoh penggunaan: 🎜🎜
<code class="js">methods: {
  increment() {
    this.$data.count++ // 访问数据对象
  }
},
mounted() {
  this.$on('my-event', this.handleEvent) // 监听事件
},
created() {
  console.log(this.$root) // 获取根实例
}</code>
🎜Menggunakan simbol $, pembangun boleh mengakses dan memanipulasi keadaan contoh, peristiwa dan gelagat dalam komponen Vue dengan mudah. 🎜

Atas ialah kandungan terperinci Peranan simbol $ dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn