無法將 Vanilla Javascript Class Object 導出和導入 Vue.js 到 Vue.js 錯誤

Question

我目前正在做一個游戲項目。 主要結構將使用基於帶有構造函數的 javascript 類的游戲對象來完成。 我已經在普通的 Javascript 和 Html 中完成了它，但是在嘗試將其移植到 Vue.js 時，我在導入和使用對象時遇到了問題。 導入工作正常，問題是我有一個屬性 this.element = element.config 並且錯誤說元素未定義（盡管在簡單的 javascript 中它工作正常）。 希望您能解釋其中的一些內容並建議我進行更改以使其正常工作。

這是我的 Javascript class object：

 export default class World { constructor(config) { this.element = element.config this.canvas = this.element.getElementById('game__canvas') this.ctx = this.canvas.getContext('2d') } init() { console.log('Hi, It is working!', this) } }

這是嘗試在我的 Vie.js 應用程序中啟動它的代碼：

 import World from './World' // First I import it like that from an external file mounted() { this.gameUpdate() }, methods: { updateGame() { const world = new World({ element: document.querySelector('#game__container') }) world.init() } }, // gives me Uncaught (in promise) ReferenceError: element is not defined

Answer 1

你確定是

this.element = element.config

並不是

this.element = config.element

?