Vuejs не передает свойство смонтированному

Имейте следующий код:

export default new Router({
  routes: [
    {
      path: '/noticia/:id',
      name: 'Noticia',
      component: Noticia,
      props: true
    }
  ]
})

export default {
  name: 'Noticia',
  data () {
    return {}
  },
  props: ['id'],
  computed: {
    noticia () {
      return this.$store.getters.noticia
    }
  },
  mounted: function () {
    this.$nextTick(function () {
      console.info(id)
      // Code that will run only after the
      // entire view has been rendered
    })
  }
}
<div>{{id}}</div>

Проблема в том, что {{id}} отображается в html div, но он не передается в 'смонтированный', поэтому я не могу запустить свой 'console.info (id)' (поскольку он запустит код для передачи данных и поместите его в вычисленное).

У меня другой код, работающий с теми же данными, бегущее колесо, не могу понять ошибку

🤔 А знаете ли вы, что...
HTML поддерживает механизмы для оптимизации поисковой оптимизации (SEO) с использованием правильных тегов и атрибутов.


37
2

Ответы:

Чтобы заставить его работать на смонтированном, просто сделал:

this.id вместо просто id


mounted() {
   console.info( this.id )
}