Apakah maksud ini dalam vuejs

Maksud ini dalam vuejs: 1. Dalam komponen atau contoh vue, ini mewakili tika Vue yang memanggilnya 2. Dalam fungsi panggil balik, ini mewakili komponen induk; , ini mewakili definisi Objek di mana ia terletak ialah objek hos.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

pembolehubah ini dalam Vuejs

1 komponen vue

dalam Vuesemua kitaran hayat钩子方法 (seperti beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy dan destroyed). Apabila menggunakan this, this merujuk kepada Contoh, iaitu, (Vue) new Vue

new Vue({
  data: {
    a: 1
  },
  created: function () {
    console.log('a is: ' + this.a)
  }
  methods: {
	plus: function () {
      this.a++
    }
  }
});

komponen atau contoh, sama ada ia adalah fungsi cangkuk kitaran hayat vue atau fungsi tersuai created, kesemuanya plus Merujuk kepada contoh this semasa vue

2 fungsi panggil balik

methods: {
     searchLocations: function() {
         var address = this.search
         var geocoder = new window.google.maps.Geocoder()
         geocoder.geocode({
             address: address
         }, function(results, status) {
             if (status === window.google.maps.GeocoderStatus.OK) {
                 this.buscarLojas(results[0].geometry.location)
             }
         })
     },
     buscarLojas: function(center) {
         console.log(center)
     }
 }

Pada masa ini, fungsi panggil balik

akan menetapkan semula function(results, status) Titik kepada this (sama dengan 匿名对象), jadi java匿名类 merujuk kepada komponen induk Apabila melaksanakan this, ralat akan dilaporkan this.buscarLojas

Fungsi 3 anak panah

tidak mempunyai 箭头函数 sendiri, thisnya diwarisi; objek (this) apabila ia ditakrifkan , bukannya 默认宿主对象执行时的对象

methods: {
    searchLocations: function () {
      var address = this.search
      var geocoder = new window.google.maps.Geocoder()
      geocoder.geocode({address: address}, (results, status) => {
        if (status === window.google.maps.GeocoderStatus.OK) {
          this.buscarLojas(results[0].geometry.location)
        } else {
          alert(address + ' not found')
        }
      })
    },
    buscarLojas: function (center) {
      console.log(center)
    },
   group1:()=>{
 //ES6的箭头函数写法，箭头函数没有自己的this,它的this事继承来的，指向在定义它时所处的宿主对象，在这里this指向window。
         this.......
   },
}

terikat kepada

, jadi 箭头函数 di dalamnya akan menunjuk kepada komponen induk Untuk masalah dalam kes tiga, fungsi panggil balik akan Menukar 父级上下文 kepada fungsi anak panah akan mengubah hala this daripada objek tanpa nama ke komponen function luaran thisvueCadangan berkaitan: "

vue.js tutorial

"

Atas ialah kandungan terperinci Apakah maksud ini dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!