Как передать данные из метода окна в функцию данных в приложении Vuejs

Question

Мне нужно передать данные из метода window в функцию data компонента vuejs

, вот моя оконная функция

window.authenticate = function(pid, receiptKey) {
  console.log("Authentication");
  console.log(this)
  localStorage.setItem("pid",pid)
  alert("pid="+pid+"receipt="+receiptKey)
  window.pid=pid
  window.receiptKey = receiptKey
}

Функция данных:

 data: () => ({
    pid: 0,
    receipt: 0
  }),

пытается установить Pid и ключ квитанции, где я не прав?

mounted: function (){

 this.pid = window.pid
 alert(this.pid)
 this.receipt = window.receiptKey

}

Answer 1

Я провел некоторое исследование и обнаружил, что созданный хук жизненного цикла можно использовать для этой цели, как показано ниже

1) нам нужно связать метод окна с методом компонента window.authenticate для loginCall в следующем примере и все это работает.

created: function () {
        // `this` points to the vm instance
        console.log('a is: ' + this.a)
        // window.somefunc = this.greet.bind(this);
        window.authenticate = this.loginCall.bind(this)
    },


  methods: {

  loginCall: function (pid, receipt) {
}