Задать вопрос
@kirill-93
vue

Как в методе компонента получить переданные данные?

<my-component :post="post"></my-component>
Передаю таким образом объект post в компонент.
Как в компоненте мне получить этот объект в методах? Например, в created?

UPD: нашел их в this.$options.propsData.post, но может можно как-то изящнее?
  • Вопрос задан
  • 159 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
0xD34F
@0xD34F Куратор тега Vue.js
Аналогично собственным данным компонента, они доступны как свойства экземпляра:

props: [ 'post' ],
created() {
  console.log(this.post);
},
Ответ написан
Комментировать
Комментировать
alvvi
@alvvi
export default apathy; 
Vue.component('my-component', {
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>',
  created() {
    console.log(this.myMessage);  
  }
})
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Senior Frontend VueJS (частичная занятость)
Онград+
от 125 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Редактирование плагина на WP (дизайн, доп поля)
24 апр. 2024, в 13:01
5000 руб./за проект
Верстка двух страниц
24 апр. 2024, в 13:00
3000 руб./за проект
Нужно написать мини-текст (комментарий) на английском
24 апр. 2024, в 12:47
300 руб./за проект
Ещё заказы