this$1.data is not a function when using as a module

[scottgrayson]

I think this is related to webpack, but not sure. the name data didnt work for this method. changing it to getData() worked

  /**
   * Fetch all relevant data for the form.
   */
  getData () {
    const data = {}

    for (const property in this.originalData) {
      data[property] = this[property]
    }

    return data
  }

[nonDeath]

By some strange reason, if the instance of the Form class not is named form, and the data attribute is called data, this failure is thrown.

I try using

....
data: () => {
links:  new Form({....})
...
}
...
// in some method
    links.post('url-to-end-point')
        .then(...)
        .catch(...)

And its fails with the message links.post is not a function

But instead changing links by form magiclly works! I'm not a expert on javascript but this is a no sence behavior. Or a colateral behavior by using some declaration in some place in the code.

Please somebody help me to understand it...