Go To definition does not work in same file with VSCODE + VETUR

Question

My vue.js configuration is

• vue.js 2.0
• use vue.cli
• webpack
• javascript not typescript
• use multiple root
  • server : server project
  • client/dashboard : web client project(this is vue project)

On follow code, "go definition" does not work with "could not find definition"

<template>
<div>
<button @click="clickEvent"/>
</div>
</template>

<script>
export default {
  ...
  methods: {
    clickEvent() {
      this.function1()
      ...
    },
    function1() {
      ...
    }
  }
  ...
}
</script>

• when go to definition on @click="clickEvent"
• when go to definition on this.function1()
• computed, props is same

Answer 1

vetur is look like no this function. Maybe you can try use vue-helper.

Answer 2

Use vue-helper or Vetur-extended.

https://stackoverflow.com/a/76565821/13147506

Answer 3

You can try this extension: js-jumper