'This' object inside vue instance methods is undefined about browserify-simple HOT 7 CLOSED

@CaptainYouz This happens because the ES6/2015 arrow function syntax (() => {}) binds this to the parent context. In this case, the parent context is the module. Since this is undefined in the module context, that undefined value is passed to each of the lifecycle methods instead of the view model as you'd expect.

To fix this, you'll need to use a normal function declaration:

created: function () {
  console.log('created', this);
},

Or, my personal preference is the ES6/2015 shorthand, which does the same as above:

created () {
  console.log('created', this);
},

from browserify-simple.

@theluk You don't need to do anything special. Just wrapping the function with debounce should work, e.g.:

myMethod: debounce(
  function () {
    // `this` is the app/component instance here
  },
  500
)

from browserify-simple.

Thanks for the explanation !
It's working now 👍 .

from browserify-simple.

great!

from browserify-simple.

but this is still link methods.but not vm.

from browserify-simple.

Thanks a lot!!!

from browserify-simple.

how are you dealing with methods you need to bind to this. for example when you want to wrap a method in lodash´s debounce?

from browserify-simple.