Perbezaan antara ini dan _ini dalam vue
ini dan _ini menunjuk ke tika Vue semasa yang sama dalam Vue. Ini membantu memastikan kejadian itu diakses dengan betul dalam semua kes, terutamanya apabila menggunakan fungsi anak panah. Ini biasanya disyorkan, tetapi _ini boleh digunakan apabila anda perlu secara eksplisit mewakili tika semasa atau menyepadukan dengan perpustakaan pihak ketiga.
Perbezaan antara ini dan _ini dalam Vue
Jawapan pantas:
this
和 _this
在 Vue 中是相同的,都指向当前的 Vue 实例。
详细解释:
在 Vue 中,this
指向当前的 Vue 实例,它包含所有与该实例相关的数据和方法。_this
是 this
的一个别名,本质上没有任何区别。
原因:
在早期的 Vue 版本中,this
会在使用箭头函数时被绑定到错误的上下文。为了解决这个问题,Vue 添加了 _this
作为 this
的一个别名,以确保在所有情况下都能正确地访问当前实例。
何时使用 this
和 何时使用
_this`?
由于 this
和 _this
是相同的,因此可以互换使用。一般情况下,使用 this
更加常见,因为它更容易理解。但是,在以下情况下使用 _this
可能更有用:
- 当你想要明确地表示你正在使用
this
指向当前实例。 - 当你使用第三方库时,该库可能需要明确的
_this
引用。
需要注意:
- 在 Vue 3.2+ 版本中,
_this
已被弃用,取而代之的是使用this
。 - 在模板中,
this
和_this
ini
menunjuk kepada tika Vue semasa, yang mengandungi semua data dan kaedah yang berkaitan dengan tika ini. _this
ialah alias untuk this
dan pada dasarnya tiada perbezaan. 🎜🎜🎜Punca: 🎜🎜🎜Dalam versi Vue yang terdahulu, ini
akan terikat pada konteks yang salah apabila menggunakan fungsi anak panah. Untuk menyelesaikan masalah ini, Vue menambahkan _this
sebagai alias this
untuk memastikan tika semasa diakses dengan betul dalam semua kes. 🎜🎜🎜Bila hendak menggunakan _this
adalah sama, ia boleh digunakan secara bergantian. Secara umum, adalah lebih biasa untuk menggunakan ini
kerana ia lebih mudah difahami. Walau bagaimanapun, menggunakan _this
mungkin lebih berguna dalam situasi berikut: 🎜- Apabila anda ingin menjelaskan dengan jelas bahawa anda menggunakan
ini
untuk menunjuk ke contoh semasa. 🎜 - Apabila anda menggunakan pustaka pihak ketiga, pustaka mungkin memerlukan rujukan
_this
yang eksplisit. 🎜🎜🎜🎜Nota: 🎜🎜- Dalam Vue 3.2+,
_this
telah ditamatkan danini
digunakan sebaliknya. 🎜 - Dalam templat,
ini
dan_this
tidak boleh diakses kerana templat disusun semasa masa jalan. 🎜🎜
- Dalam Vue 3.2+,
Atas ialah kandungan terperinci Perbezaan antara ini dan _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

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

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





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.

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

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.

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.

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.

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.

Terdapat tiga kaedah umum untuk vue.js untuk melintasi tatasusunan dan objek: Arahan V-untuk digunakan untuk melintasi setiap elemen dan membuat templat; Arahan V-mengikat boleh digunakan dengan V-untuk menetapkan nilai atribut secara dinamik untuk setiap elemen; dan kaedah .map boleh menukar elemen array ke dalam tatasusunan baru.

Kaedah untuk melaksanakan lompatan tag dalam Vue termasuk: menggunakan tag dalam templat HTML untuk menentukan atribut HREF. Gunakan komponen router-link routing VUE. Gunakan ini. $ Router.push () kaedah dalam JavaScript. Parameter boleh dilalui melalui parameter pertanyaan dan laluan dikonfigurasikan dalam pilihan penghala untuk lompatan dinamik.
