У меня есть объект JavaScript с некоторыми простыми свойствами:
class Car {
constructor(make, model, gasLeft){
this.make = make;
this.model = model;
this.gasLeft = gasLeft;
}
}
var myCar = new Car("Honda", "Accord", 0);
После подключения этого к экземпляру Vue я могу открыть инструменты разработчика Google Chrome и вызвать myCar.make
и посмотреть "Honda" илиmyCar.gasLeft
и см. 0. Я также могу просто набрать myCar
и просмотреть все его свойства в списке.Тем не менее, в инструментах разработчика Firefox, просто набрав myCar
и нажав «вызвать getter» для gasLeft, вы увидите gasLeft как "undefined"
.Но когда я набираю myCar.gasLeft
, он возвращает 0.
Если я правильно понимаю, Vue.js добавляет геттеры в свойства, которые он может, поэтому я на самом деле вызываю функцию get gasLeft()
за кулисами.Но почему Firefox возвращает undefined
, а Chrome возвращает 0?Кроме того, расширение инструмента Vue dev в обоих браузерах знает, что значение gasLeft
равно 0.