Vue.JS: использовать переменную & axios в mount ()?

Question

Моя цель - создать оверлей, заполненный данными, извлекаемыми axios при монтировании оверлея. Я попробовал это так, но не могу использовать его с переменной ( .get ("/ edit /" + id ), но он работает с жестко заданным значением ( .get ("/ edit). / "+" 123 ") ):

<script>
Vue.component("qm-overlay", {
  data() {
    return {
      myid : '123',
    };
  },

  props: {
    [..] 
  },

  mounted() {
      axios
        .get("/edit/" + myid )
        .then(response => (this.overlaydata = response.data));
  },


  methods: {
[..] 
  },

  template: `
        <div id="overlay"> [..] /div>
        `
});
</script>

Ошибки, которые я получаю в консоли браузера:

• [Vue warn]: ошибка в подключенном хуке: "ReferenceError:myid не определен "
• ReferenceError:" myid не определен "

Вопрос : не является ли myidправильно определены в «данных»? Что я делаю не так?

Моя настройка: Laravel 5.6 и Vue.js с axios. Используемый URL в axios создан в laravel и работает. В блейд-файле laravel я называю компонент с

<qm-overlay></qm-overlay>

Answer 1

Используйте this.myid вместо myid для доступа.