Kepada siapa yang melakukan ini dalam vue?
Dalam Vue, titik ini bergantung pada konteksnya: Dalam contoh akar: Menunjuk ke tika Vue itu sendiri Dalam kaedah: Menunjuk ke tika Vue yang mana kaedah itu dimiliki Dalaman harta yang dikira: Menunjuk ke tika Vue yang mempunyai fungsi getter Di dalam pengendali acara: Tuding pada pencetus Di dalam templat elemen DOM acara: Tuding pada contoh Vue yang dimiliki oleh fungsi getter
this
指向
在 Vue 中,this
关键字在不同的地方指向不同的对象,具体取决于它的上下文。
根实例
在 Vue 根实例中,this
指向 Vue 实例本身。这意味着你可以通过 this
访问 Vue 实例的所有属性和方法。
方法内部
在 Vue 方法内部,this
指向该方法所属的 Vue 实例。这意味着你可以通过 this
访问该实例的所有属性和方法。
计算属性内部
在计算属性内部,this
指向 getter 函数所属的 Vue 实例。这意味着你可以通过 this
访问该实例的所有属性和方法。
事件处理函数内部
在事件处理函数内部,this
指向触发事件的 DOM 元素。这意味着你可以通过 this
访问该 DOM 元素的属性和方法。
模板内部
在模板内部,this
指向 getter 函数所属的 Vue 实例。这意味着你可以通过 this
访问该实例的所有属性和方法。
需要注意的是:
- 在 JavaScript 函数的箭头函数中,
this
指向父作用域中的this
,而不是函数内部的this
。 - 通过
bind
或v-on
修饰符传递事件处理函数时,需要明确绑定this
,否则this
Dalam Vue,
ini
menunjuk ke Vue instance itu sendiri. Ini bermakna anda boleh mengakses semua sifat dan kaedah contoh Vue melalui ini
. 🎜🎜🎜Di dalam kaedah🎜🎜Di dalam kaedah Vue, ini
. 🎜🎜🎜Di dalam harta yang dikira🎜🎜Di dalam harta yang dikira, ini
menghala ke tika Vue yang mempunyai fungsi getter. Ini bermakna anda boleh mengakses semua sifat dan kaedah contoh melalui ini
. 🎜🎜🎜Di dalam pengendali acara🎜🎜Di dalam pengendali acara, ini
. 🎜🎜🎜Di dalam templat🎜🎜Di dalam templat, ini
. 🎜🎜🎜Perlu diambil perhatian bahawa: 🎜- Dalam fungsi anak panah fungsi JavaScript,
ini
menunjuk keini
dalam induk skop, Daripadaini
di dalam fungsi. 🎜 - Apabila menghantar fungsi pengendali acara melalui pengubah
bind
atauv-on
, anda perlu mengikatini
secara eksplisit, jika tidakini
akan menunjuk kepada elemen DOM. 🎜🎜
Atas ialah kandungan terperinci Kepada siapa yang melakukan ini dalam vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Anda boleh menambah fungsi ke butang VUE dengan mengikat butang dalam templat HTML ke kaedah. Tentukan kaedah dan tulis logik fungsi dalam contoh Vue.

Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.

Pilihan Watch di Vue.js membolehkan pemaju mendengar perubahan dalam data tertentu. Apabila data berubah, tontonkan mencetuskan fungsi panggil balik untuk melakukan paparan kemas kini atau tugas lain. Pilihan konfigurasinya termasuk segera, yang menentukan sama ada untuk melaksanakan panggilan balik dengan serta -merta, dan mendalam, yang menentukan sama ada untuk mendengarkan secara rekursif terhadap objek atau tatasusunan.

Terdapat tiga cara untuk merujuk kepada fail JS dalam vue.js: Secara langsung tentukan jalan menggunakan & lt; skrip & gt; tag ;; import dinamik menggunakan cangkuk kitaran hayat yang dipasang (); dan mengimport melalui Perpustakaan Pengurusan Negeri VUEX.

Pembangunan pelbagai halaman Vue adalah cara untuk membina aplikasi menggunakan rangka kerja VUE.JS, di mana permohonan dibahagikan kepada halaman berasingan: Penyelenggaraan kod: Memisahkan aplikasi ke dalam beberapa halaman boleh menjadikan kod lebih mudah untuk dikendalikan dan diselenggarakan. Modularity: Setiap halaman boleh digunakan sebagai modul yang berasingan untuk penggunaan semula dan penggantian mudah. Routing mudah: Navigasi antara halaman boleh diuruskan melalui konfigurasi penghalaan mudah. Pengoptimuman SEO: Setiap halaman mempunyai URL sendiri, yang membantu SEO.

Anda boleh menanyakan versi VUE dengan menggunakan Vue Devtools untuk melihat tab VUE dalam konsol penyemak imbas. Gunakan NPM untuk menjalankan arahan "NPM LIST -G VUE". Cari item VUE dalam objek "Dependencies" fail Package.json. Untuk projek Vue CLI, jalankan perintah "Vue -version". Semak maklumat versi di & lt; skrip & gt; Tag dalam fail HTML yang merujuk kepada fail VUE.

Vue.js mempunyai empat kaedah untuk kembali ke halaman sebelumnya: $ router.go (-1) $ router.back () menggunakan & lt; router-link to = & quot;/& quot; Komponen Window.History.Back (), dan pemilihan kaedah bergantung pada tempat kejadian.

Pemintasan fungsi dalam VUE adalah teknik yang digunakan untuk mengehadkan bilangan kali fungsi dipanggil dalam tempoh masa yang ditentukan dan mencegah masalah prestasi. Kaedah pelaksanaan adalah: mengimport perpustakaan lodash: import {debounce} dari 'lodash'; Gunakan fungsi debounce untuk membuat fungsi memintas: const debouncedfunction = debounce (() = & gt; { / logical /}, 500); Panggil fungsi Intercept, dan fungsi kawalan dipanggil paling banyak sekali dalam 500 milisaat.
