Rumah hujung hadapan web View.js Perbezaan antara ini dan _ini dalam vue

Perbezaan antara ini dan _ini dalam vue

Apr 30, 2024 am 05:51 AM
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

Perbezaan antara ini dan _ini dalam Vue

Jawapan pantas:

ini dan _ini adalah sama. kepada contoh Vue semasa. this_this 在 Vue 中是相同的,都指向当前的 Vue 实例。

详细解释:

在 Vue 中,this 指向当前的 Vue 实例,它包含所有与该实例相关的数据和方法。_thisthis 的一个别名,本质上没有任何区别。

原因:

在早期的 Vue 版本中,this 会在使用箭头函数时被绑定到错误的上下文。为了解决这个问题,Vue 添加了 _this 作为 this 的一个别名,以确保在所有情况下都能正确地访问当前实例。

何时使用 this何时使用 _this`?

由于 this_this 是相同的,因此可以互换使用。一般情况下,使用 this 更加常见,因为它更容易理解。但是,在以下情况下使用 _this 可能更有用:

  • 当你想要明确地表示你正在使用 this 指向当前实例。
  • 当你使用第三方库时,该库可能需要明确的 _this 引用。

需要注意:

  • 在 Vue 3.2+ 版本中,_this 已被弃用,取而代之的是使用 this
  • 在模板中,this_this
Penjelasan terperinci: 🎜🎜🎜Dalam Vue, 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 ini dan Bila hendak menggunakan _ini`? 🎜🎜🎜Memandangkan ini dan _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 dan ini digunakan sebaliknya. 🎜
    • Dalam templat, ini dan _this tidak boleh diakses kerana templat disusun semasa masa jalan. 🎜🎜

Atas ialah kandungan terperinci Perbezaan antara ini dan _ini dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

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

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan bootstrap di vue Cara menggunakan bootstrap di vue Apr 07, 2025 pm 11:33 PM

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.

Cara menambah fungsi ke butang untuk vue Cara menambah fungsi ke butang untuk vue Apr 08, 2025 am 08:51 AM

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

Cara merujuk fail js dengan vue.js Cara merujuk fail js dengan vue.js Apr 07, 2025 pm 11:27 PM

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.

Cara Menggunakan Watch di Vue Cara Menggunakan Watch di Vue Apr 07, 2025 pm 11:36 PM

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.

Apakah yang dimaksudkan dengan pembangunan Vue Multi-Page? Apakah yang dimaksudkan dengan pembangunan Vue Multi-Page? Apr 07, 2025 pm 11:57 PM

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.

Cara kembali ke halaman sebelumnya oleh Vue Cara kembali ke halaman sebelumnya oleh Vue Apr 07, 2025 pm 11:30 PM

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.

Cara Menggunakan Vue Traversal Cara Menggunakan Vue Traversal Apr 07, 2025 pm 11:48 PM

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.

Cara melompat tag ke vue Cara melompat tag ke vue Apr 08, 2025 am 09:24 AM

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.

See all articles